ajax请求data数据格式（传递json的方式）

最新推荐文章于 2026-05-16 07:12:25 发布

原创最新推荐文章于 2026-05-16 07:12:25 发布 · 4w 阅读

98 ·

本内容遵循CC 4.0 BY-SA版权协议

json 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了使用AJAX进行POST和GET请求时，如何通过三种不同的数据格式传递参数：JSON对象、JSON字符串及标准参数模式。并通过具体示例展示了每种方式的实现代码。

ajax有三种传递传递data的方式：

json格式
json字符串格式
标准参数模式

1.json格式形如：
{“username”:”chen”,”nickname”:”alien”}

$.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({
    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({
    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类型的字符串