ajax请求的data数据格式

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是外部的参数。