Ajax同步与求详解及代码示例.pdfVIP

尚筹网

[Ajax的同步和异步请求]

1异步的工作方式

1.1图解

1.2代码

$.ajax({url:test/ajax/async.html,type:post,

dataType:text,success:function(response){//

success是接收到服务器端响应后执行console.log(ajax函

数的success函数+response);}});//在$.ajax()执行完

成后执行,不等待success()函数console.log(ajax函数

);

尚筹网

的同步和异步请求

异步的工作方式

1.1图解

1.2代码

是接收到服务器端响应后执行

函数的函数

在执行完成后执行，不等待函数

函数

1.3打印效果

2同步的工作方式

2.1图解

2.2代码

$.ajax({

url:test/ajax/async.html,

type:post,

dataType:text,

async:false,//关闭异步工作模型，使用同步方式工作。此时：所有操作在同一

个线程内按顺序完成

success:function(response){

//success是接收到服务器端响应后执行

console.log(ajax函数的success函数+response);

}

});

//在$.ajax()执行完成后执行，不等待success()函数

1.3打印效果

同步的工作方式

2.1图解

2.2代码

关闭异步工作模型，使用同步方式工作。此时：所有操作在同一

个线程内按顺序完成

是接收到服务器端响应后执行

函数的函数

在执行完成后执行，不等待函数

console.log(ajax函数);

2.3打印效果

3本质

同步：同一个线程按顺序执行异步：多

个线程同时并行执行，谁也不等谁

函数

2.3打印效果

本质

同步：同一个线程按顺序执行

异步：多个线程同时并行执行，谁也不等谁