码迷,mamicode.com
首页 > Web开发 > 详细

311 同步异步概述,Ajax 异步请求

时间:2020-02-22 10:05:02      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:func   html   异步   oct   服务   code   tle   alt   cti   

技术图片

技术图片


09.Ajax异步请求.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        // 1.创建ajax对象
        var xhr = new XMLHttpRequest();

        // 2.告诉Ajax对象要向哪发送请求,以什么方式发送请求
        // 1)请求方式 2)请求地址
        xhr.open('get', 'http://localhost:3000/first', false);

        // 3.发送请求
        xhr.send();
        console.log(111); // 没有上面的false。则一次输出 111  222  333

        // 4.获取服务器端响应到客户端的数据
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4) {
                console.log(222)
                console.log(xhr.responseText)
            }
        }

        console.log(333);
    </script>
</body>

</html>

311 同步异步概述,Ajax 异步请求

标签:func   html   异步   oct   服务   code   tle   alt   cti   

原文地址:https://www.cnblogs.com/jianjie/p/12344194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!