加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax 同步和异步

发布时间:2020-12-15 21:28:43 所属栏目:百科 来源:网络整理
导读:一、async值为true (异步) 当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和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",

async: false,

}

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,[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) {

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

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读