Ajax在jQuery中的使用

2018-10-20 · 大约 400 个字 · 预计 2 分钟读完

Ajax全称为“Asynchronous JavaScript and XML” （异步JavaScript和XML）,它可以使浏览器不刷新而更新页面数据。Ajax的优势：

不需要插件支持。
优秀的用户体验。
提供Web程序的性能。
减轻服务器和宽带负担。

Ajax过程

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象

request.onreadystatechange = function () { // 状态发生变化时，函数被回调
    if (request.readyState === 4) { // 成功完成
        // 判断响应结果:
        if (request.status === 200) {
            // 成功，通过responseText拿到响应的文本:
            console.log(request.responseText);
        } else {
            // 失败，根据响应码判断失败原因:
            console.log(request.status);
        }
    } else {
        // HTTP请求还在继续...
    }
}

request.open('GET', '/api/categories');
request.send();