首页 > Web开发 > 详细

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

时间:2020-02-22 12:32:02      阅读:55      评论:0      收藏:0      [点我收藏+]

技术分享图片

技术分享图片


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 异步请求

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!