微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax post提交 json

在前端开发中,经常需要通过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);
  }
});

ajax post提交 json

代码中,使用了jQuery的ajax函数来提交post请求。其中,参数说明如下:

  • url: 提交的后台接口地址
  • type: 请求类型为POST
  • dataType: 返回的数据类型为json
  • contentType: 发送数据的编码格式为json
  • data: 需要提交的json数据,需要转化为字符串格式
  • success: 请求成功的回调函数,可以在这里处理服务器返回的数据
  • error: 请求失败的回调函数,可以在这里处理错误信息

需要注意的是,请求成功的回调函数中的参数data就是服务器返回的json数据,而在请求失败的回调函数中的参数textStatus则是xhr对象的状态码,例如'error'表示请求失败。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐