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

ajax json发送数据

AJAX(Asynchronous JavaScript and XML)技术可以实现在不重新加载整个网页的情况下更新部分网页内容,其中的JSON(JavaScript Object Notation)格式被广泛应用于数据传输。本文将介绍使用AJAX发送JSON数据的方法

ajax json发送数据

首先,创建一个XMLHttpRequest对象:

var xhr = new XMLHttpRequest();

然后,设置发送数据的类型和请求方式:

xhr.setRequestHeader('Content-type','application/json');
xhr.open('POST',url);

其中,url代表后台接口地址。

接着,将数据对象转换为JSON格式:

var data = {
  name: '张三',age: 18
};
var jsonData = JSON.stringify(data);

最后,将JSON数据通过send()方法发送到后台

xhr.send(jsonData);

下面是完整的代码

var xhr = new XMLHttpRequest();
xhr.setRequestHeader('Content-type',url);

var data = {
  name: '张三',age: 18
};
var jsonData = JSON.stringify(data);

xhr.send(jsonData);

以上就是使用AJAX发送JSON数据的方法,希望对大家有所帮助。

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

相关推荐