Jquey里的同步请求和异步请求

1.同步请求发送了同步请求后会一直等待先执行 alert("result:" + d); temp = d; 在执行alert("this is last:"+temp); 不能操作页面上的其他内容，会造成当前UI线程阻塞

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"> </script>
    <script type="text/javascript">
        $(function () {
            $.ajaxSetup({
                async: false
            });

            var temp = 0;
            $("#a1").click(function () {
                $.post("home/test", { async: false }, function (d) { alert("result:" + d); temp = d; });

                alert("this is last:"+temp);


            })

           
        })

    </script>
</head>
<body>
    <a id="a1"> this is a1</a>
    <p>dddddddddddddddddddddddddddddddddddddddddd</p>
    <input type="button" value="btn" />
</body>
</html>

View Code

2.异步请求，发送完异步请求后先执行 alert("this is last:"+temp);再执行 alert("result:" + d); temp = d; 能够操作浏览器的其他内容，不会造成当前UI线程阻塞

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"> </script>
    <script type="text/javascript">
        $(function () {
            $.ajaxSetup({
                async: true
            });

            var temp = 0;
            $("#a1").click(function () {
                $.post("home/test",  function (d) { alert("result:" + d); temp = d; });

                alert("this is last:"+temp);


            })


        })

    </script>
</head>
<body>
    <a id="a1"> this is a1</a>
    <p>dddddddddddddddddddddddddddddddddddddddddd</p>
    <input type="button" value="btn" />
</body>
</html>

View Code

异步／同步是得到消息的方式。同步方式一直等待结果，而异步方式是回调（或其他方式通知）通知结果
阻塞／非阻塞是否当前UI线程能做其他事情。当前线程一直等待不能做其他事情就造成阻塞，当前线程做其他事情就不会造成阻塞

相关阅读:
tuple 元组及字典dict
day 49 css属性补充浮动属性定位抽屉作业
day48 选择器（基本、层级、属性） css属性
day47 列表表单 css初识
day 46 http和html
day 45索引
day 44 练习题讲解多表查询
day 40 多表查询子查询
day39 表之间的关联关系、补充表操作总结 where 、group by、
day38 数据类型约束条件

原文地址：https://www.cnblogs.com/tiancai/p/5325001.html