ajax 同步和异步

一、async值为true （异步）

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

例如

?

1 2 3 4 5 6 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()。

二、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) {

  执行成功，在这里写我们的代码，。。

}

转载于:https://my.oschina.net/ouminzy/blog/810656