AjaxµÄ¼òµ¥Ó¦ÓÃ
ǰ̨´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<script src="Ajax.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Name" type="text" onblur="CheckName(this.value)"/>
<br />
<div id="TipForName"></div>
</div>
</form>
</body>
</html>
"Ajax.js"ÎļþÀïÃæµÄ´úÂë
var xmlHttp;//È«¾ÖXMLHttpResquest¶ÔÏó
//Õë¶Ô²»Í¬ä¯ÀÀÆ÷£¬»ñÈ¡XMLHttpRequest¶ÔÏó
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp=new XMLHttpResquest();
}
}
//µ¥»÷btnSayHelloʱµ÷ÓõÄJSº¯Êý
function CheckName(name)
{
//´´½¨XMLHTTPRquest¶ÔÏó
CreateXMLHttpRequest();
//Ö¸¶¨»Øµ÷º¯Êý
xmlHttp.onreadystatechange=HandleStateChange;
//´ò¿ªÇëÇó
// var s="Output.aspx?id="+name;
xmlHttp.open("POST","Output.aspx",true);
xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//·¢ËÍÇëÇó
xmlHttp.send("id="+name);
}
//»Øµ÷º¯Êý
function HandleStateChange()
{
// alert(xmlHttp.readyState);
if(xmlHttp.readyState==4)
{
Ïà¹ØÎĵµ£º
ĬÈÏÇé¿öÏÂAJAX Control Toolkit²¢Ã»Óа²×°µ½VS2008ÖУ¬¿ª·¢ÈËÔ±ÐèÒªµ¥¶ÀÏÂÔØ²¢½øÐа²×°¡£ÍøÖ·ÈçÏ£ºhttp://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27326 £¬AJAX Control ToolkitÊÇÒ»¸ö²»¶Ï¸üеÄÏîÄ¿£¬¸ÃÍøÒ³½«Ã¿¶Îʱ¼äÄÚ·¢²¼¶Ô¸Ã¹¤¾ß°üµÄ¸üС£ÔÚ¸ÃÒ³ÃæÖÐÑ¡ÔñAJAXControlToolki ......
£¨ÒÔÏÂÀ´×ÔWIKI£©
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù據AjaxÌá³öÕßJesse James Garrett½¨議[1]£¬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐ ......
ÉÏ´«Ò³ÃæÖ»ÐèÒªÒ»¸öjsÒýÓúÍjsº¯ÊýµÄµ÷Ó㬼òµ¥·½±ã£¬²»Ó°ÏìÍøÒ³ÔÓв¼¾Ö¡£
ÏÂÔØµØÖ·
µ÷ÓÃ˵Ã÷:
1.Ê×ÏÈÒýÓÃjsÎļþ
<script type="text/javascript" src="AienUpload/init.js"></script>
2.½«º¯Êýµ÷ÓÃ(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)°ó¶¨µ½HTMl¿Ø¼þʼþ£¬ÀýÈç
......
/**
* Ajax²Ù×÷º¯Êý
*
* @param url -- ·þÎñÆ÷¶ËÒ³ÃæµØÖ·
* @param param -- ²ÎÊý£¬ÀàËÆ 'user=123&id=100'
* @param method -- ÇëÇó·þÎñÆ÷¶ËµÄ·½·¨,GetºÍPostÁ½ÖÖ£¬Ä¬ÈÏÊÇGET
* @param response -- ÊÇ·ñ»ñÈ¡·þÎñÆ÷¶Ë·µ»ØµÄ½á¹û£¬Ä¬ÈÏÊÇtrue
*/
function ajax( url, param, method, response ){
//set defaul ......
AjaxµÄÔÀíºÜ¼òµ¥£¬¾ÍÊÇÔÚ¿Í»§¶Ë´´½¨Ò»¸öXMLHttpRequest¶ÔÏó£¨ÓÃÀ´Óë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£¬Õâ¾ÍÊÇAjaxµÄºËÐÄ£¬ÆäʵÎÒÃÇÔç¾ÍÔÚÓÃÒ첽ͨÐÅÁË£¬Ö»ÊÇû°ÑÕâÏî¼¼ÊõÓÃÔÚÍøÒ³Éè¼ÆÖжøÒÑ£©£¬Îª¸Ã¶ÔÏóµÄonreadystatechange ÊôÐÔÌí¼ÓÒ»¸öʼþ£¬µ±¶ÔÏóµÄreadyState¸Ä±äµÄʱºò¾Í»áÒý·¢Ö¸¶¨µÄʼþ¡£µ½´Ë¾Í¿ÉÒԾͷ¢ËÍÇëÇó¶ÁÈ¡·þÎñÆ÷¶ ......