AJAX是Web开发中不可或缺的一部分,AJAX技术可以做到实现网页的异步数据传输。使用AJAX可以使网页的用户界面变得更加友好,用户无需刷新页面就能够获取需要的信息。在这篇文章中,我们将介绍AJAX怎么获得JSON数据。
//创建AJAX对象 var xhr = new XMLHttpRequest(); //设置请求数据的方式,这里使用GET请求方式 xhr.open('GET','url',true); //设置请求头部信息,这里需要设置请求接受的数据类型为JSON xhr.setRequestHeader('Accept','application/json'); //当请求成功时,你需要处理收到的数据 xhr.onreadystatechange = function(){ if(xhr.readyState === 4 && xhr.status === 200){ var jsonData = JSON.parse(xhr.responseText); //对收到的JSON数据进行处理 } } //发送请求 xhr.send();
在上面的代码中,我们创建了一个AJAX对象xhr,设置请求方式为GET,请求数据在url中。在设置请求头部信息时,使用setRequestHeader方法设置请求接受的数据类型为JSON。
当请求成功时,我们在onreadystatechange事件中对收到的数据进行处理。因为接受到的数据为JSON格式,我们使用JSON.parse方法将JSON字符串转化为JSON对象。
最后,我们发送请求,调用xhr.send()方法就可以了。当服务器响应请求时,onreadystatechange事件将会被触发。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。