AJAX是一种不用重新加载页面就能向服务器发送和接收数据的技术。它使用JavaScript和XMLHttpRequest对象来向后台发送和接收数据,现如今我们更多地使用JSON格式传递数据。
AJAX向后台发送JSON数据需要使用XMLHttpRequest对象,同时需要设置请求头为"application/json",这样后台才会知道这是一个JSON格式数据。具体步骤如下:
//创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //设置请求方法和请求URL xhr.open('POST','url'); //设置请求头为JSON xhr.setRequestHeader('Content-Type','application/json'); //监听请求状态 xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { //处理后台返回的JSON格式数据 console.log(xhr.responseText); } } }; //将数据转换为JSON字符串,并发送给后台 xhr.send(JSON.stringify({'key1': 'value1','key2': 'value2'}));
上面的代码将一个包含两个键值对的JSON格式数据发送给后台,后台返回的响应数据可以通过xhr.responseText获取到。在处理返回数据时可以使用JSON.parse()将JSON格式的字符串转换为JavaScript对象。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。