³õʶAjax¼¼Êõ2
ʵÏÖ×¢²á½çÃæÎÞË¢ÐÂÅжÏÖØÃû£¬ÓÉÓÚÒª·ÃÎÊÊý¾Ý¿â£¬ËùÒÔÒª´ïµ½ÎÞˢУ¬Ö»ÄÜÓÃAjax¼¼Êõ¡£
ÆäÖÐ×îÖØÒªµÄ¾ÍÊÇxmlHttp¶ÔÏó¡£
XmlHttpÊÇʲô£¿
×îͨÓõĶ¨ÒåΪ£ºXmlHttpÊÇÒ»Ì׿ÉÒÔÔÚJavascript¡¢VbScript¡¢JscriptµÈ½Å±¾ÓïÑÔÖÐͨ¹ýhttpÐÒé´«ËÍ»ò´Ó½ÓÊÕXML¼°ÆäËûÊý¾ÝµÄÒ»Ì×API¡£XmlHttp×î´óµÄÓô¦ÊÇ¿ÉÒÔ¸üÐÂÍøÒ³µÄ²¿·ÖÄÚÈݶø²»ÐèҪˢÐÂÕû¸öÒ³Ãæ¡£
À´×ÔMSDNµÄ½âÊÍ£ºXmlHttpÌṩ¿Í»§¶Ëͬhttp·þÎñÆ÷ͨѶµÄÐÒé¡£¿Í»§¶Ë¿ÉÒÔͨ¹ýXmlHttp¶ÔÏó(MSXML2.XMLHTTP.3.0)Ïòhttp·þÎñÆ÷·¢ËÍÇëÇó²¢Ê¹ÓÃ΢ÈíXMLÎĵµ¶ÔÏóÄ£ÐÍMicrosoft® XML Document Object Model (DOM)´¦Àí»ØÓ¦¡£
ÏÖÔڵľø¶Ô¶àÊýä¯ÀÀÆ÷¶¼Ôö¼ÓÁ˶ÔXmlHttpµÄÖ§³Ö£¬IEÖÐʹÓÃActiveXObject·½Ê½´´½¨XmlHttp¶ÔÏó£¬ÆäËûä¯ÀÀÆ÷È磺Firefox¡¢OperaµÈͨ¹ýwindow.XMLHttpRequestÀ´´´½¨xmlhttp¶ÔÏó¡£
ÔÚ²Ù×÷Ò³µÄǰ̨´úÂëÖÐ <input ID="tbUserName" type="text" onblur ="tbUserName_onBlue(this.value)">
ʹÓÃhtmlÎı¾¿ò£¬¼´¿Í»§¶Ë¿Ø¼þ ´¥·¢ËûµÄonblurʼþµ÷ÓÃjsº¯Êý¡£
ÔÚjsÎļþÖж¨Òå¸Ãº¯Êý
// JavaScript Document
var xmlHttp;//È«¾ÖXMLHttpResquest¶ÔÏó
//Õë¶Ô²»Í¬ä¯ÀÀÆ÷£¬»ñÈ¡XMLHttpRequest¶ÔÏó
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp=new XMLHttpResquest();
}
}
//À뿪tbUserNameʱµ÷ÓõÄJSº¯Êý
function tbUserName_onBlue(name)
{
//´´½¨XMLHTTPRquest¶ÔÏó
CreateXMLHttpRequest();
//Ö¸¶¨»Øµ÷º¯Êý
xmlHttp.onreadystatechange=HandleStateChange;
//´ò¿ªÇëÇó
xmlHttp.open("GET","ForAjax.aspx?name=" + name,true);
//·¢ËÍÇëÇó
xmlHttp.send(null);
}
//»Øµ÷º¯Êý
function HandleStateChange()
{
if(xmlHttp.readyState==4) //·µ»Øµ±Ç°ÇëÇóµÄ״̬£¬Ö»¶Á
{
if(xmlHttp.status==200) //·µ»Øµ±Ç°ÇëÇóµÄhttp״̬Âë.Ö»¶Á
{
//responseTextΪ½ÓÊÕ·þÎñÆ÷·¢¹ýÀ´µÄÖµ
if(xmlHttp.responseText=="wrong1")
{
document.getElementById("sp1").innerText ="Óû§Ãû²»ÄÜΪ¿Õ£¡";
document.getEl
Ïà¹ØÎĵµ£º
ĬÈÏÇé¿öÏÂAJAX Control Toolkit²¢Ã»Óа²×°µ½VS2008ÖУ¬¿ª·¢ÈËÔ±ÐèÒªµ¥¶ÀÏÂÔز¢½øÐа²×°¡£ÍøÖ·ÈçÏ£ºhttp://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27326 £¬AJAX Control ToolkitÊÇÒ»¸ö²»¶Ï¸üеÄÏîÄ¿£¬¸ÃÍøÒ³½«Ã¿¶Îʱ¼äÄÚ·¢²¼¶Ô¸Ã¹¤¾ß°üµÄ¸üС£ÔÚ¸ÃÒ³ÃæÖÐÑ¡ÔñAJAXControlToolki ......
ÕªÒª
±¾ÎĽ«Ê×ÏȽéÉÜÒ»ÏÂÎÄÕµÄд×÷±³¾°ºÍÓõ½µÄÏà¹Ø¼¼Êõ¡£È»ºó½«·Ö±ðʹÓÃÆÓËصÄAjax¼¼ÊõºÍASP.NET AJAX¿ò¼Ü·Ö±ðʵÏÖ¾µäµÄ“Hello£¡XX”£¬Í¨¹ýÁ½¸öСÀý×Ó£¬Ê¹ÅóÓÑÃǶÔÕâ¸ö¿ò¼ÜµÄÌصãºÍ¿ò¼ÜµÄʹÓ÷½·¨ÓÐÒ»¸ö³õ²½µÄÈÏʶ¡£
Ç°ÑÔ
ÎÒÏ룬Èç¹û½ñÌìÄ ......
+++++++++++++++++++++++Ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~
======= Ajax ¼¼Êõ ========
Ò»¡¢µÚÒ»¿Î ===¡· AJAX¸ÅÊöÓëIntelliJ°²×°
a.Ajax¶Á·¨Æäʵ²»ÊÇÎÒÃǶÁµÄ'°¢¼Ù¿Í˹'£¬×¢Òâרҵ»¯¡£
b.ÍõÐË¿ýÀÏʦÏȽ²Êµ¼ùÔÙ½²ÀíÂÛ¡£
c.¿ª·¢¹¤¾ß²»ÔÙÊÇeclipseÁË£¬ÒòΪajaxÖ÷Ҫдjavascript
d ......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌصãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æʱ£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2 ......
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function saveUserInfo()
{
//»ñÈ¡½ÓÊÜ·µ»ØÐÅÏ¢²ã
var msg = document.getElementById("msg");
//»ñÈ¡±íµ¥¶ÔÏóºÍÓ ......