如何使用$.ajax()jquery发送多个数据

前端之家收集整理的这篇文章主要介绍了如何使用$.ajax()jquery发送多个数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图发送多个数据使用j查询$ .ajax方法到我的PHP脚本,但我可以传递只有单个数据,当我连接多个数据我得到未定义的索引错误在我的PHP脚本tat意味着ajax请求,但数据不是发送我需要知道我应该如何格式化多个数据连续发送到处理脚本在名字vale对这里是我写的
<script>
  $(document).ready(function() {

    $('#add').click(function () {

      var name = $('#add').attr("data_id");

      var id = $('#add').attr("uid");

      var data = 'id='+ id  & 'name='+ name; // this where i add multiple data using  ' & '

      $.ajax({
        type:"GET",cache:false,url:"welcome.PHP",data:data,// multiple data sent using ajax
        success: function (html) {

          $('#add').val('data sent sent');
          $('#msg').html(html);
        }
      });
      return false;
    });
  });
</script>



<span>
  <input type="button" class="gray_button" value="send data" id="add" data_id="1234" uid="4567" />
</span>
<span id="msg"></span>
您可以创建一个键/值对的对象,jQuery将为您完成其余操作:
$.ajax({
    ...
    data : { foo : 'bar',bar : 'foo' },...
});

这样,数据将被自动正确编码。如果您确实想要自己编写字符串,那么请确保使用encodeURIComponent():https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent

您当前的代码无法正常工作,因为该字符串未正确配置:

'id='+ id  & 'name='+ name

应该:

'id='+ encodeURIComponent(id) + '&name='+ encodeURIComponent(name)

猜你在找的Ajax相关文章