Jquery 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类型的字符串
本文作者:别让我委屈
本文链接:https://www.cnblogs.com/LrisLiu/p/16525825.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)