AJAXÅжÏÓû§ÃûÊÇ·ñ±»×¢²á
ÓõıêÇ©ÓÐScriptManager£¬UpdatePanel£¬UpdateProgress £¬Ö÷ÒªµÄÊÇUpdatePanelÖеÄTriggersÊôÐÔÒ»¶¨Òª¶Ô¡£
ǰ̨´úÂë
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtName" runat="server" OnTextChanged="txtName_TextChanged" AutoPostBack="true" ></asp:TextBox>
<asp:Literal ID="ltlName" runat="server" ></asp:Literal>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtName" EventName="TextChanged" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
ÕýÔÚ¸üÐÂÖÐ...
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>
ºǫ́´úÂë
protected void txtName_TextChanged(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(2000); //ΪÁË¿´Çå³þUpdateProgressµÄ¹ý³Ì
if (txtName.Text == "123")
{
ltlName.Text = "ÒѾ±»×¢²á";
}
else
{
ltlName.Text = "¿ÉÒÔ×¢²á";
}
}
Ïà¹ØÎĵµ£º
//ƽ³£µ÷ÓÃjavascript·½·¨
ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert'Weclome!!!');</script>");
±³¾°²»Îª°×É«µÄ·½·¨£º
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('Ìí¼Óʧ°Ü£¬ÇëÁªÏµ¼¼ÊõÔ±£¡') ......
µ±ÏÂÊ¢ÐеÄAjax
ÏÖÔÚAjax¿ò¼ÜÊý²»Ê¤Êý£¬AjaxµÄ¹¦ÄÜҲ̫ÅÓ´óµÄÒÔÖÁÓÚËüÁ¬ËüµÄ¸¸±²Javascript¶¼´ø¶¯ÆðÀ´ÁË£¬¼ÇµÃÎÒ×î³õ½Ó´¥webµÄʱºòJavascript»¹Ã»µ½´ïÓÐÏÖÔڵĸ߶ȣ¬Èç½ñËæ×ſͻ§ÌáÐÑÔ½À´Ô½ÖØÒª£¬ºÜ¶àÈí¼þ¿ª·¢²¢²»½ö½öÍ£ÁôÔÚ¹¦ÄÜʵÏÖµÄÒªÇóÉÏ£¬¶øÊǸü×¢ÖØ½»»¥¡¢·ÖÏíºÍ»¥¶¯£¨ÕâÒ²ÊÇw ......
¹ØÓÚÔÚAJAXÖÐGET»ØµÄResponseTextÖÐÎÄÂÒÂëµÄ×î¼ò½â¾ö°ì·¨
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
´úÂëÈçÏÂ:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val); //Èç¹ûvalµÄ ......
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQuery.ajax()½øÐзâ×°ÒÔ·½±ãÎÒÃÇʹÓõķ½·¨£¬µ±È»£¬Èç¹ûÒª´¦Àí¸´ÔÓµÄÂß¼£¬»¹ÊÇÐèÒªÓõ½jQuery.ajax()µÄ(Õâ¸öºóÃæ»á˵µ½).
1. ......
XMLHttpRequestÊÇAjax¼¼ÊõÌåϵÖÐ×îΪºËÐĵļ¼Êõ¡£È±ÉÙÁËËü£¬AjaxµÄÆäÓ༼Êõ¾ÍÎÞ·¨³ÉΪһ¸öÓлúµÄÕûÌ壬½«»áÍÁ±ÀÍ߽⡣
¡¡¡¡1999ÄêÉϰëÄ꣬MSÔÚIE 5.0°æÖÐÊ×´ÎÖ§³ÖÕâÖÖ¼¼Êõ£¬ËûÃÇÊÇͨ¹ýÒ»¸öÃûΪXMLHTTPµÄActiveX¶ÔÏóÀ´Ö§³ÖÕâÖÖ¼¼ÊõµÄ¡£XMLHTTP¶ÔÏóʹµÃÒ³ÃæÖеĽű¾¾ßÓÐÁËÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏÂÖ±½ÓÓë·þÎñÆ÷ͨÐŵÄÄÜÁ¦¡£ÔÚ´ËÖ ......