码迷,mamicode.com
首页 > Web开发 > 详细

jquery中的 ajax 以及map遍历

时间:2015-04-23 19:42:47      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

jquery中的 ajax 以及map遍历

标签:

原文地址:http://www.cnblogs.com/songrimin/p/4451402.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!