加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 03:13:37 所属栏目:百科 来源:网络整理
导读:我试图发送多个数据使用j查询$ .ajax方法到我的php脚本,但我可以传递只有单个数据,当我连接多个数据我得到未定义的索引错误在我的php脚本tat意味着ajax请求,但数据不是发送我需要知道我应该如何格式化多个数据连续发送到处理脚本在名字vale对这里是我写的
我试图发送多个数据使用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)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读