jquery同步和异步请求的异同,通过简单的源代码实例demo演示

通过jquery的ajax函数获取远程数据的时候，可以设置函数的变量async true或false来设置是异步还是同步，不过大部分情况下都是异步请求获取到后端数据后显示给前端用户，但有时候也需要同步来处理请求。

同步请求js代码片段：

$("#sync").click(
	function() {
		alert("start");
		$.ajax({
			url : "http://www.zuidaima.com",
			data:{"domain":"zuidaima.com"},
			cache : false,
			async : false,
			type : "GET",
			dataType : 'html',
			success : function (result){
				alert(result);
			}
		});
		alert("finish");
	}
);

alert的顺序是:start,最代码首页html，finish

异步请求js代码片段：

$("#async").click(
	function() {
		alert("start");
		$.ajax({
			url : "http://www.zuidaima.com",
			data:{"domain":"zuidaima.com"},
			cache : false,
			async : true,
			type : "GET",
			dataType : 'html',
			success : function (result){
				alert(result);
			}
		});
		alert("finish");
	}
);

alert的顺序是:start,finish,最代码首页html

源码演示地址：http://www.zuidaima.com/html/2018722645937152/index.html