首页 > 编程语言 > 详细

JavaScript学习-AJAX

时间:2018-07-13 16:00:50      阅读:122      评论:0      收藏:0      [点我收藏+]

如果要让用户留在当前页面中,同时发出新的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

原文:https://www.cnblogs.com/weizhibin1996/p/9305290.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!