ajax 同步和异步

1、async值为true (异步)html

当ajax发送请求后,在等待server端返回的这个过程当中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另外一个线程)ajax

例如json

?服务器

1异步

2async

3函数

4post

5url

6spa

7

8

9

10

11

12

13

$.ajax({ 

     type:"POST",

     url:"Venue.aspx?act=init",

      dataType:"html",

     success:function(result){  //function1()

       f1();

       f2(); 

    }

     failure:function (result) { 

      alert('Failed'); 

     },

 }

 function2();

在上例中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程当中),前台会去执行function2()。

2、async值为false (同步)

当执行当前AJAX的时候会中止执行后面的JS代码,直到AJAX执行完毕后时,才能继续执行后面的JS代码。

例如

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

$.ajax({ 

     type:"POST",

     url:"Venue.aspx?act=init",

     dataType:"html",

     async: false,

    success:function(result){  //function1()

       f1();

       f2();

     }

    failure:function (result) { 

      alert('Failed'); 

     },

 }

 function2();

当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。

 

若是是这样的话,彷佛ajax 的同步也没有什么用的呢?

并且若是不少这样的话,这样用户体验是很差的。

经过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。若是须要在出错时执行函数,请使用 $.ajax。

参数

url,[data],[callback],[type]String,Map,Function,StringV1.0

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

使用 post 的回调函数,而后 更加返回的值,来进行 操做彷佛也能够达到咱们须要的效果的。

 

jQuery.post( url, [data], [callback], [type] ) :
使用POST方式来进行异步请求

参数:

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

function saveCallback(result) {

    if (result.success) {

  执行成功,在这里写咱们的代码,。。

}

相关文章
相关标签/搜索