AJAX ÑéÖ¤Óû§
1´´½¨Á½ÕÅÒ³Ãæ Reg.aspx¡¢CallServer.aspx¡£
ÔÚReg.aspxÒ³ÃæµÄhtmlÖзŠһ¸ö²ãºÍÒ»¸öÎı¾¿ò
<div id="aa">
<asp:TextBox id="txtuser" runat="server" Width="136px"></asp:TextBox>
</div>
<span id="errInfo">ÇëÊäÈëÓû§Ãû</span>
ÔÚReg.aspxÒ³ÃæÖÐдjavascript
¶¨Òå¶þ¸ö±äÁ¿ ¡¢Èý¸öº¯Êý
var xmlhttp=false; //·Å ActiveXObjectµÄʵÀý
var NewsInfo=""; //·Å ×Ö·û´®
function GetXmlHttp()
...{
if(window.ActiveXObject)
...{
try
...{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
}
catch(e)
...{
try
...{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
...{
NewsInfo="·þÎñÆ÷æ...";
}
}
}
return xmlhttp;
}
function CallServer()
...{
GetXmlHttp();
var struser=document.getElementById("txtuser").value;
if(struser=="" || struser==null)return;
var url="CallServer.aspx?user="+escape(struser);
xmlhttp.onreadystatechange=CallBack;
xmlhttp.open("post",url,true);
xmlhttp.send();
}
function CallBack()
...{
if(xmlhttp.readyState==1)
...{
NewsInfo="Loading...";
}
if(xmlhttp.readyState==4)
...{
var msg=xmlhttp.reponseText;
var spanid=document.getElementById("errInfo");
spanid.innerHTML=msg;
}
}
2ÔÚCallServer.aspxÒ³ÃæµÄpage_loadÖÐдÈçÏ´úÂë
SqlConnection conn=new SqlConnection("server=
Ïà¹ØÎĵµ£º
AJAX¼¼Êõ½éÉÜ
AJAX µÄÈ«³ÆÖ¸Òì²½µÄ JavaScript ¼° XML£¨Asynchronous JavaScript And XML£©
ÔÚѧϰAJAX֮ǰ£¬ÄãÐèÒªÁ˽âµÄ֪ʶÓУº
HTML / XHTML
JavaScript
µ±È»»¹ÓÐһЩÆäËûµÄ¼¼Êõ£ºCSS¡¢DOM¡¢XML¡¢XMLHttpRequest
AJAX ²»ÊÇÒ»ÖÖеıà³ÌÓïÑÔ£¬¶øÊÇÒ»ÖÖÓÃÓÚ´´½¨¸üºÃ¸ü¿ìÒÔ¼°½»»¥ÐÔ¸üÇ¿µÄ Web Ó¦ÓóÌÐòµÄ¼¼Êõ¡£
ͨ¹ ......
JSON²å¼þÌṩÁËÒ»ÖÖÃûΪjsonµÄResultType£¬Ò»µ©ÎªÄ³¸öActionÖ¸¶¨ÁËÒ»¸öÀàÐÍΪjsonµÄResult£¬Ôò¸ÃResultÎÞÐèÓ³Éäµ½ÈκÎÊÓͼ×ÊÔ´¡£ÒòΪJSON²å¼þ»á¸ºÔð½«ActionÀïµÄ״̬ÐÅÏ¢ÐòÁл¯³ÉJSON¸ñʽµÄÊý¾Ý£¬²¢½«¸ÃÊý¾Ý·µ»Ø¸ø¿Í»§¶ËÒ³ÃæµÄJavaScript¡£
¡¡¡¡¼òµ¥µØËµ£¬JSON²å¼þÔÊÐíÎÒÃÇÔÚJavaScriptÖÐÒì²½µ÷ÓÃAction£¬¶øÇÒAction²»ÔÙÐè ......
Ò».¹¤¾ßÏÂÔØ
1.ASPAJAXExtSetup.msi
http://download.microsoft.com/download/5/4/6/5462bcbd-e738-45fa-84ca-fa02b0c4e1c2/ASPAJAXExtSetup.msi
2.ASPAJAXSourceCode.msi
http://download.microsoft.com/download/6/d/6/6d6c7c47-b9ff-4934-bb03-8a45b8418d35/ASPAJAXSourceCode.msi
3.AjaxControlToolkit
http://ww ......
µ½×îºóÎҲŷ¢ÏÖ΢Èí¸øµÄajax json ʵÀý¶¼ÊÇÓÐÎÊÌâµÄ£¬ºÜ¶à¶¼ÊDz»ÑÏÃܵģ¬ÌرðÊǶÔÓÚ´óСд·½Ã棬ËûÃǶ¼Ã»ÓÐ×Ðϸ׷¾¿´óСдÎÊÌ⣬µ¼ÖÂÁËÔÚfirefoxʹÓÃÓÐÎÊÌâ¡£ÏÂÃæÊÇʵÀýÄÚÓãºÁ½¸öhtmlÖ®¼äµÄ£º
<head> <title>²âÊÔajax</title> <meta http-equiv=”Content-Type” content=”text/ht ......