关于同步和异步

QI_X

于 2021-02-05 19:54:14 发布

阅读量197

点赞数

文章标签： JavaScript 异步同步 ajax 用户体验

本文链接：https://blog.csdn.net/qq_44155822/article/details/113702985

版权

关于同步和异步：

async:true 异步

通过观察得到结果，下面的alert弹框没有等到上面的ajax执行完毕，就执行了全程是两根线程，一根主线程负责执行方法中普通的代码，一根线程负责执行ajax两根线程彼此之间相互独立，互相是不受影响的.

async:false 同步

通过观察得到结果，下面的alert弹框必须要等到上面的ajax执行完毕后，才能够执行全程是一根线程，线程是按照代码从上向下的顺序依次执行下面的代码必须要等到上面的代码执行完毕后，才能够执行.

未来实际项目开发中，一般情况下，我们都是使用异步请求，可以有效的提升用户体验；在特殊需求下，也会使用到同步。

异步：

123 和 123456 彼此独立

在这里插入图片描述

同步：

必须等到后台 123456 执行完毕传回数据后再执行 123

<html>
  <head>
  <base href="<%=basePath%>">
    <title></title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script>

      $(function () {

        $("#djBtn").click(function () {

          $.ajax({

            url : "myServlet01.do", //访问后台servlet地址
            //data : "key1=value&key2=value2",//为后台传递的参数
            type : "get",  //请求方式  get/post
            dataType : "text", //从后台接收数据的方式  text：接收普通文本  json：接收json格式的文本
            async : true,//true为同步，false为异步
            success : function (data) { //回调函数（该函数的执行时机是后台执行完毕后，该函数才会执行）
                //data：从后台响应回来的数据
              $("#msg").html(data);
            }

          })

          alert(123);

        })

      })

    </script>
  </head>
  <body>
    <button id="djBtn">点击</button>
        <br/>
    <br/>

    <div id="msg" style="width: 200px;height: 200px;background-color: pink">

    </div>
  </body>
</html>

package xxxx.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;


public class MyServlet01 extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("进入到servlet01");

        /*PrintWriter out = response.getWriter();
        out.print("123456");
        out.close();*/

        try {
            Thread.sleep(3000); //睡3秒
        } catch (InterruptedException e) {
            e.printStackTrace();
        }

        response.getWriter().print("123456");
    }
}

QI_X

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于同步和异步

关于同步和异步：async:true 异步通过观察得到结果，下面的alert弹框没有等到上面的ajax执行完毕，就执行了全程是两根线程，一根主线程负责执行方法中普通的代码，一根线程负责执行ajax两根线程彼此之间相互独立，互相是不受影响的.async:false 同步通过观察得到结果，下面的alert弹框必须要等到上面的ajax执行完毕后，才能够执行全程是一根线程，线程是按照代码从上向下的顺序依次执行下面的代码必须要等到上面的代码执行完毕后，才能够执行.
复制链接

扫一扫