AJAX技术让网页可以在不刷新页面的情况下向服务器发送请求并接收响应。通常情况下,我们使用AJAX向服务器请求数据,但是如果需要将大型JSON数据发往服务器,或者从服务器接收大型JSON数据,我们也可以使用AJAX。
var json = { "name": "Lucy","age": 18,"address": "New York",// 这里省略了数百条数据... }; var xhr = new XMLHttpRequest(); xhr.open('POST','http://example.com/api',true); xhr.setRequestHeader('Content-Type','application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(JSON.stringify(json));
在上面的示例中,我们先定义了一个JSON对象,里面包含了大量数据。然后通过XMLHttpRequest对象向服务器发送POST请求,请求的URL是http://example.com/api。在请求前先设置了请求头Content-Type为application/json,表示发送的数据是JSON类型。在onreadystatechange事件中,当readyState为4且status为200时表示响应已经接收到,我们可以通过xhr.responseText获取响应内容。最后将JSON对象转换为字符串通过xhr.send方法发送到服务器。
如果服务器需要返回大型JSON数据,我们也可以通过AJAX接收。示例代码如下:
var xhr = new XMLHttpRequest(); xhr.open('GET','http://example.com/data.json',true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var json = JSON.parse(xhr.responseText); // 处理收到的JSON数据 } }; xhr.send();
在上面的示例中,我们发起了一个GET请求,请求的URL是http://example.com/data.json。在onreadystatechange事件中,当readyState为4且status为200时表示响应已经接收到,我们可以通过xhr.responseText获取响应内容。接下来,通过JSON.parse方法将响应内容转换为JSON对象,然后就可以对其进行处理了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。