在前端开发中,经常需要通过ajax来提交请求到后台服务器,而使用post请求来提交json数据是比较常见的方式之一。下面将介绍如何使用ajax post提交json数据。
$.ajax({ url: '/api',type: 'POST',dataType: 'json',contentType: 'application/json',data: JSON.stringify({name: '张三',age: 20}),success: function(data) { console.log(data); },error: function(xhr,textStatus,errorThrown) { console.log(textStatus); } });
在代码中,使用了jQuery的ajax函数来提交post请求。其中,参数说明如下:
- url: 提交的后台接口地址
- type: 请求类型为POST
- dataType: 返回的数据类型为json
- contentType: 发送数据的编码格式为json
- data: 需要提交的json数据,需要转化为字符串格式
- success: 请求成功的回调函数,可以在这里处理服务器返回的数据
- error: 请求失败的回调函数,可以在这里处理错误信息
需要注意的是,请求成功的回调函数中的参数data就是服务器返回的json数据,而在请求失败的回调函数中的参数textStatus则是xhr对象的状态码,例如'error'表示请求失败。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。