Ajax异步请求流程

最新推荐文章于 2023-04-23 19:50:08 发布

这不是一个名字

最新推荐文章于 2023-04-23 19:50:08 发布

阅读量148

点赞数

分类专栏：笔记文章标签： ajax

本文链接：https://blog.youkuaiyun.com/qq_41968029/article/details/107820708

版权

笔记专栏收录该内容

25 篇文章

订阅专栏

1、定义xhr变量

2、等待页面渲染完毕后创建xhr

function createXmlHttpRequest() {
    if (window.XMLHttpRequest) {
        //其他
        xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        //IE
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
}

3、设置回调，发送请求

function getMenu() {
    xmlHttp.onreadystatechange = displayMenu;
    xmlHttp.open("GET", "getMenu");
    xmlHttp.send(null);
}

注：post请求应加上请求头

xhr.open("POST", "user/login");
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("username=" + username + "&password=" + password);