jquery ajax和data的使用

最新推荐文章于 2024-06-22 15:15:39 发布

ych0108

最新推荐文章于 2024-06-22 15:15:39 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： front 文章标签： jquery ajax json jquery ajax ViewUI

本文链接：https://blog.youkuaiyun.com/ych0108/article/details/84632180

front 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了使用jQuery发起AJAX请求时两种不同的数据传递方式：直接在URL中拼接参数和通过JSON对象形式发送。讨论了这两种方式之间的区别，特别是在处理包含特殊字符的情况时的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  	function print(selId){
		$.ajax({
		 url: "/car/schedule/outCar/hasPrint?id="+selId,
		   type: "POST",
		   async:true,
		   //回调函数
		   success: function(msg){
		   },
		   error: function(){
			    alert("是否打印信息更新失败");
		   } 
		});
	}
		//部分代码片段
		function printOrder(){
			//url:path+'/car/schedule/outCar/print?id='+id,
				buttons: {
				"打印" : function(){
				 print(selId);
				 //$("#printSpaceDiv").printArea();                     
				},
				}
		}

------------------
data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

示例：

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

这里data后面跟的参数可以用二种表式：一种是普通url传参的写法一样，还有一种就是写在json数组里，
上面示例data部分也可以这样写：data: {name:"John",location:"Boston"}。这二个用法有什么区别？
今天在开发中发现二者用法的细微差别。第一种我们用url传参，参数里面如果加带"&"这个符号的话，可能参数接收不到或不完整，如“ data: "name=John&location=Boston",”，
如果name的值是"john&smith"这样写可能就会有问题，我们可以用JS里面的encodeURIComponent()方法进行转义，
但如果用data: {name:"John",location:"Boston"}这种方式写的话就不需要进行转义，如果转义的话，接收的将是转义后的字符串