Ajax¿Ø¼þUpdateProgressµÄʹÓÃÐĵÃ
×î½ü×öÍøÕ¾Óõ½ÁËUpProgress¿Ø¼þ£¬ËùÒÔ°ÑÓöµ½µÄÎÊÌâºÍ×Ô¼ºµÄ¿´·¨Ð´ÏÂÀ´£¬¹©ÒÔºó²Î¿¼£¬Ò²Ï£Íû¸ø´ó¼Ò´úÂë°ïÖú¡£
UpProgressÊǺÍUpdatePanelÒ»ÆðʹÓõġ£ÊµÏÖЧ¹û¾ÍÊÇÔÚÌá½»µ½·þÎñÆ÷µÄʱºò£¬ÏÔʾÌáʾ£¬±ÈÈ磺“Êý¾Ý¼ÓÔØÖУ¬ÇëÉÔ΢..”¸øÓû§Ò»¸öºÃµÄÓû§ÌåÑé¡£Õâ¸öµÄÓ÷¨Ò²¼òµ¥¡£ÏÂÃæ¾ÍÊǾßÌå´úÂ룺
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="script" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="update" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
<asp:UpdateProgress ID="progress" runat="server" AssociatedUpdatePanelID="update">
<ProgressTemplate>
<span style="color: Red;" mce_style="color: Red;"><strong>Êý¾Ý¼ÓÔØÖÐ....</strong> </span>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<asp:DataList ID="DataList1" runat="server">
</asp:DataList>
</form>
ºǫ́´úÂ룺
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(2000);
Label1.Text = DateTime.Now.ToString();
}
ÕâÑùµÄ´úÂëÏàÐÅ´ó¼ÒÒ»¿´¾ÍÃ÷°×£¬µ¥»÷Button1°´Å¥µÄʱºò£¬Ïß³ÌÐÝÃß2Ã룬ȻºóÖ´ÐÐ Label1.Text = DateTime.Now.ToString();
ÕâÑùÒ²¿ÉÒÔ£¬ÍøÉÏ´ó¶àÊýÒ²ÊÇÕâÑùдµÄ¡£µ«ÊÇÕâÑù¾ÍÓÐÒ»¸öÎÊÌâ¡£µ±ÎÒÔÚµã»÷Õâ¸ö°´Å¥ºóÐèÒª¼ÓÔØ·Ç³£¶àµÄÊý¾Ý£¬ÎªÁ˲»ÈÃÓû§µã»÷ºóûÓз´Ó¦£¬ÓÚÊǸøÓè“Êý¾Ý¼ÓÔØÖÐ...”µÄÌáʾ£¬µ«ÊDZ¾À´¼ÓÔØ¾ÍºÄ·Ñʱ¼ä£¬ÔÚSleep(2000)²»ÊÇÒª¸ü³¤µÄʱ¼äÂ𣬲»µ«Ã»ÓÐ
Ïà¹ØÎĵµ£º
jQuery Ajax È«½âÎö
±¾ÎĶÌÖ·£ºhttp://s8.hk/0itq
±¾ÎĵØÖ·: jQuery Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQu ......
XMLHttpRequestÊÇXMLHTTP×é¼þµÄ¶ÔÏó£¬Í¨¹ýÕâ¸ö¶ÔÏó£¬Ajax¿ÉÒÔÏñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñùֻͬ·þÎñÆ÷½øÐÐÊý¾Ý²ãµÄÐÅÏ¢½»»»£¬¶ø²»ÓÃÿ´Î¶¼Ë¢ÐÂÒ³Ãæ£¬Ò²²»ÓÃÿ´Î½«Êý¾Ý´¦ÀíµÄ¹¤×÷¶¼½»¸ø·þÎñÆ÷À´×ö£»ÕâÑù¼´¼õÇáÁË·þÎñÆ÷µÄ¸ºµ£ÓÖ¼Ó¿ìÁËÏìÓ¦ËÙ¶È¡¢Ëõ¶ÌÁËÓû§µÈ´ýµÄʱ¼ä¡£
XMLHttpRequestÊÇAjax¼¼ÊõÖÐ×î ......
ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......
ÓйØajaxµÄÆäʵ¾ÍÊÇ1¸öÀàµÄʹÓÃ:XMLHttpRequest.
Ê×ÏÈÒªÉùÃ÷Õâ¸öÀàµÄ¶ÔÏ󣬼øÓÚ¸÷¸öä¯ÀÀÆ÷°ÑÕâ¸öÀàǶÈëµÄ·½Ê½²»Í¬£¬ÉùÃ÷µÄ·½Ê½Ò²²»Í¬£º
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla ä¯ÀÀÆ÷
{
¡¡¡¡¡¡ xmlHttpReq = new XMLHttpRequest();
¡¡¡¡}
¡¡ else if (window.ActiveXObject) // ......