Ajax的同步与异步

8/31/2015来源:CSS教程人气:875

Ajax的同步与异步

原文地址:http://www.cnblogs.com/Joetao/articles/3525007.html

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="AjaxByJquery.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script src="jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/Javascript"> // 当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。 // 当把asyn设为true时,这时ajax的请求时异步的,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2(), $(document).ready(function () { $.ajax({ type: "POST", url: "value.aspx?act=init", dataType: "html", async:true, success: function (result) { function1() } }); function2(); }

); function function1() { alert('function1'); } function function2() { alert('function2'); }

</script></head><body> <form id="form1" runat="server"> <div> </div> </form></body></html>

代码下载