美文网首页
ajax的async

ajax的async

作者: luckee | 来源:发表于2019-03-04 15:01 被阅读0次

转自:https://blog.csdn.net/m0_37793545/article/details/78913257
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。

$('input[type=button]').click(function(){
  $.ajax({
    url:'/user',
    type:'get',
    data:$('form').serializeArray(),
    async:true,
    success:function(res){
      alert('success')
    },error:function(err){
      console.log('err')
    }
  })
  alert('after click')
})

以上代码中: 当async设置为true时,点击按钮后,会先alert(‘after click’),之后请求完毕才会alert(‘success’)。 当async设置为false时,点击按钮后,则会造成阻塞,阻止下面的代码执行,只有执行完ajax请求,才会去执行后面的代码。

相关文章

  • AJAX 教程

    AJAX 教程 jQuery - AJAX 简介:AJAX = 异步 JavaScript 和 XML(Async...

  • 2016-08-18 短信接口、ajax请求

    短信接口、ajax请求 ajax请求 $.ajax()方法详解 url type timeout: async: ...

  • 基础知识1 ajax请求是否是异步

    async 异步 async:false 同步 当执行当前AJAX的时候会停止执行后面的JS代码,直到AJAX执行...

  • Ajax和跨域总结

    Ajax(JavaScript实现) 简介 Ajax(Async Javascript And Xml):异步Js...

  • ajax和axios、fetch 面试考点准备

    1、AJAX AJAX全称(Async Javascript and XML)。即异步的JavaScript和XM...

  • ajax

    ajax 是什么?有什么作用? AJAX即“Async JavaScript and XML”(异步的JavaSc...

  • ajax

    什么是ajax? ajax的全名叫做async javascript and xml,即异步的javascript...

  • AJAX基础及原理

    AJAX基础知识 什么是AJAX?async javascript and xml, 异步的JS和XML XML:...

  • AJAX

    AJAX(async JavaScript and XML)request 请求response 响...

  • AJAX & server-mock

    题目1: ajax 是什么?有什么作用? ajax是Async Javascript And Xml的缩写,即异步...

网友评论

      本文标题:ajax的async

      本文链接:https://www.haomeiwen.com/subject/wmliuqtx.html