jquery中的 ajax 以及map遍历

1.语法

 $.ajax{

  type:'get',//类型 有get post

  url:'',//路径

  data:{name:$('#ma').val(),nameq:$('#maq').val()},

  dataType="json",

  success:function(data){alert("成功了")}

 }

2.获取data数据的方法

如果这样写的话会写吐血的name:$('#ma').val(),nameq:$('#maq').val()

可以用map方法

var map=$(':checkbox').map(function() {
  return ($(this).attr("id")+'='+$(this).val());
}).get().join('&');
alert(map)

<form method="post" action="">
  <fieldset>
    <div>
      <label for="two">2</label>
      <input type="checkbox" value="2" id="two" name="number[]">
    </div>
    <div>
      <label for="four">4</label>
      <input type="checkbox" value="4" id="four" name="number[]">
    </div>
    <div>
      <label for="six">6</label>
      <input type="checkbox" value="6" id="six" name="number[]">
    </div>
    <div>
      <label for="eight">8</label>
      <input type="checkbox" value="8" id="eight" name="number[]">
    </div>
  </fieldset>
</form>

</body>
<script>
  var map=$(':checkbox').map(function() {
    return ($(this).attr("id")+'='+$(this).val());
  }).get().join('&');
  alert(map)
</script>

 

posted @ 2015-04-23 18:37  野紫  阅读(5891)  评论(0编辑  收藏  举报