ajax post提交 json
导读:在前端开发中,经常需要通过ajax来提交请求到后台服务器,而使用post请求来提交json数据是比较常见的方式之一。下面将介绍如何使用ajax post提交json数据。$.ajax({url: '/api',type: 'POST',da...
在前端开发中,经常需要通过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'表示请求失败。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: ajax post提交 json
本文地址: https://pptw.com/jishu/315679.html
