AJAX是一种异步请求技术,可以实现在页面不刷新的情况下获取服务器端的数据。其中,异步请求的数据通常是使用JSON格式进行传输,因为JSON格式具有灵活性、易于解析和可读性高等特点。
在AJAX中使用异步请求JSON数据,需要使用XMLHttpRequest对象(简称XHR)的open()方法和send()方法来发送请求。其中,open()方法有三个参数,分别是请求类型、请求URL地址和是否使用异步方式;send()方法则可以传递参数。
var xmlhttp; if (window.XMLHttpRequest) {//IE7+,Firefox,Chrome,Opera,Safari xmlhttp=new XMLHttpRequest(); } else {//IE6,IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { var jsonData = JSON.parse(this.responseText); console.log(jsonData); } } xmlhttp.open("GET","example.PHP",true); xmlhttp.setRequestHeader("Content-type","application/json"); xmlhttp.send();
上述代码中,我们通过createXMLHttpRequest()函数创建一个XHR对象,并设置onreadystatechange属性的回调函数。当请求状态为4(完成)且请求成功时,我们解析XHR对象中的responseText属性的值,并将其转换为JSON格式的数据。最后,将JSON数据输出到控制台中。
需要注意的是,使用异步请求JSON数据时,需要在请求头中设置Content-type为application/json,以告诉服务器返回JSON格式的数据。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。