ajax传递data的三种传递方式
ajax传递data的三种传递方式
ajax有三种传递传递data的方式:
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类型的字符串
本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/935.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
内容有用
热门主题
相关阅读
- 迅睿CMS整合layui+ajax实现联动菜单多条件搜索的方法
- 中国数据API返回字符串true,判断不起作用的解决方法
- PHP二次开发API如何返回json数据
- PbootCMS二次开发,PbootCMS实现AJAX无刷新点赞功能
- ThinkPHP success/error 方法返回 Ajax 信息
- ThinkPHP Ajax 实例源代码
- ThinkPHP Ajax 使用详解及实例
- 迅睿CMS开发者模式下,如果保证小程序等API接口数据正常使用
- 迅睿XunRuiCMS对接微信小程序获取手机号解决方案
- PbootCMS功能二次开发定制报错:程序运行异常: Cannot use object of type stdClass as array的解决方法