ajax
提交data
类型
一、问题来源
今天使用ajax
时,发现get
传data
时,传递json
字符串时传不过去参数,所以做了一些实验测试ajax
的get
和post
的传递data时的不同。
二、概念
ajax
有三种传递传递data
的方式:
json
格式- json字符串格式
- 标准参数模式
1.json
格式
形如:
{“username”:”chen”,”nickname”:”alien”}
ajax:
$.ajax({
type:"post",
url:"/test/saveUser",
data:{"username":"chen","nickname":"alien"},
dataType:"json",
success: function(data){
console.log(data);
}
});
2.json
字符串
形如:
“{“username”:”chen”,”nickname”:”alien”}”
或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})
ajax:
$.ajax({
type:"post",
url:"/test/saveUser",
data:JSON.stringify({"username":"chen","nickname":"alien"}),
contentType:"json/application"
dataType:"json",
success: function(data){
console.log(data);
}
});
用此格式get
请求参数传递不过去,不会把json
串解析成参数
而且需要添加 contentType:”json/application”
3.标准参数模式
形如:
“username=chen&nickname=alien”
ajax:
$.ajax({
type:"post",
url:"/test/saveUser",
data:"username=chen&nickname=alien",
dataType:"json",
success: function(data){
console.log(data);
}
});
$(“#form1”).serialize()
就是把表单的数据拼成这个格式的字符串!
三、总结
post
请求能用1、2、3类型传递参数
get
请求能用1、3类型传递参数
$(“#form1”).serialize()
是将对应表单中的input
的name
和value
进行拼装,最后拼成3类型的字符串
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;
jquery.ajax
提交data
数据格式
最近需要通过jquery
的Ajax
方法提交数据,但是是多个参数,查了一下《锋利的JQuery》(第2版),具体data
的格式如下:
data
提交的数据类型为:Object
或 String
data
数据说明:发送到服务器的数据。如果不是字符串,将会被转换为字符串。
GET
请求将会被附加到URL
后面。防止自动转换。对象必须为key/value
数据格式。
例如:{foo1:"bar1",foo2:"bar2"}
转换为&foo1=bar1&foo2=bar2
。
如果是数组,JQuery
将自动为不同的值类型对应同一个名称。
例如:{foo:["bar1","bar2"]}
转换为&foo=bar1&foo=bar2
。
也就是在JQuery
中ajax
提交data的数据格式为:{x:"x1",x2:"x3"}
这种方式,如果有参数传入,格式如下:
data: {get_id: get_item_id,filter:"item"},
get_item_id
是外部的参数。