联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

Jquery中ajax方法data参数的用法小结 - Web前端

作者:98wpeu发布时间:2026-05-22分类:网页前端技术浏览:3


导读:复制代码代码如下:$.Ajax({  type:"post",  url:"some.PHP",  data:"name=John&location=Bost...
复制代码 代码如下:
$.Ajax({
   type: "post",
   url: "some.PHP",
   data: "name=John&location=Boston", //第一种方式传参
  // data: {name:"John",location:"Boston"}  //第二种方式传参
  // data: {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'
  /*
 第一种我们用url传参,参数里面如果加带"&"这个符号的话,可能参数接收不到或不完整,
 如“ data: "name=John&location=Boston",” 如果name的值是"john&smith"这样写可能就会有问题,
 我们可以用JS里面的encodeURIComponent()方法进行转义,
 但如果用data: {name:"John",location:"Boston"}这种方式写的话就不需要进行转义,
 如果转义的话,接收的将是转义后的字符串
  */
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

标签:小结参数方法Webdataajax


网页前端技术排行
最近发表
网站分类
标签列表