JavaScript-Ajax

时间:2019-10-17
本文章向大家介绍JavaScript-Ajax,主要包括JavaScript-Ajax使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Ajax

// 1.创建一个异步请求对象
let xmlHttp = new XMLHttpRequest();

// 2.设置请求的方式和地址
// method: 请求的类型(true / fale),url: 请求的地址,async: 同步还是异步(true:异步 / false:同步)
xmlHttp.open(method, url, async);

// 3.发送请求
xmlHttp.send();

// 4.监听状态的变化
xmlHttp.onreadystatechange = function(){
    // xmlHttp.readyState 保存了当前请求的状态码
    /*
    0:请求未初始化
    1:服务器连接建立
    2:请求已接受
    3:请求处理中
    4:请求已完成,且响应就绪
    */
    if (xml.readyState === 4){
        // xmlHttp.status 保存了服务器返回的状态码
        if (xmlhttp.status >= 200 & xmlhttp.status < 300 || xmlhttp.status === 304){
            // 当服务器响应成功后的操作
            // cmlHttp.responseText 保存了从指定地址返回的数据
            console.log(xmlHttp.responseText);
            
        } else {
            // 服务器响应失后的操作
            
        }
    }
}

原文地址:https://www.cnblogs.com/luwenfeng/p/11694893.html