ajax实现步骤

前端 0 357 0
发表于: 2020-05-31 17:39:12

简介: 暂无~

1.创建一个XMLHttpRequest异步对象

段落引用new XMLHttpRequest()

2.设置请求方式和请求地址

open(“GET”, “http://localhost:3003/article”, true)

3.接着,用send发送请求

send()
send(“fname=Henry&lname=Ford”);

4.监听状态变化

Onreadystatechange=function(){}

5.最后,接收返回的数据

responseText

案例

<script>
    function ajaxfn() {
        // 创建一个XMLHttpRequest异步对象
        var xmlhttp = new XMLHttpRequest();
        // 设置请求方式和请求地址
        xmlhttp.open("GET", "http://localhost:3003/article", true);
        // send发送请求
        xmlhttp.send();
        // 监听状态变化
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                // xmlhttp.readyState == 4表示请求已完成
                // xmlhttp.status == 200表示成功
                // xmlhttp.status == 404未找到页面
                console.log('object');
                console.log(xmlhttp.responseText);
                console.log(xmlhttp.getAllResponseHeaders());
                console.log(xmlhttp.getResponseHeader('content-type'));
            }
        }
    }
    ajaxfn()
</script>
JavaScript ajax

最后更新于:2021-02-16 21:09:06

欢迎评论留言~
0/400
支持markdown
Comments | 0 条留言
按时间
按热度
目前还没有人留言~