JavaScript学习-AJAX
Posted 朋友圈
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript学习-AJAX相关的知识,希望对你有一定的参考价值。
如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用javascript发送这个新请求,接收到数据后,再用JavaScript更新页面
这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。
AJAX请求是异步执行的,也就是说,要通过回调函数获得响应。
var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象 request.onreadystatechange = function () { // 状态发生变化时,函数被回调 if (request.readyState === 4) { // 成功完成 // 判断响应结果: if (request.status === 200) { // 成功,通过responseText拿到响应的文本: return success(request.responseText); } else { // 失败,根据响应码判断失败原因: return fail(request.status); } } else { // HTTP请求还在继续... } } // 发送请求: request.open(‘GET‘, ‘/api/categories‘); request.send(); alert(‘请求已发送,请等待响应...‘);
以上是关于JavaScript学习-AJAX的主要内容,如果未能解决你的问题,请参考以下文章
译文:18个实用的JavaScript代码片段,助你快速处理日常编程任务
AJAX 响应:数据(JSON、XML)还是 HTML 片段? [关闭]