³õʶ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
Ïà¹ØÎĵµ£º
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......
£¨ÒÔÏÂÀ´×ÔWIKI£©
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù據AjaxÌá³öÕßJesse James Garrett½¨議[1]£¬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐ ......
¡¡¡¡Ê×Ïȼì²éWeb.configÎļþÀïÊÇ·ñÊÇÈçÏ´úÂ룺
¡¡¡¡´ò¿ªVS2005´´½¨ÐÂÏîÄ¿£¬Ñ¡ÔñASP.NET¡¡AJAXÏîÄ¿£¬È»ºó°Ñ¸ÃÏîÄ¿Web.configÎļþµÄÄÚÈÝÈ«²¿¸´ÖƵ½Ä㱨´íµÄWeb.configÎļþÀï¡£
¡¡¡¡Èç¹ûÕâ¸ö°ì·¨Î´Äܽâ¾ö°ì·¨Çë²é¿´¸ÃÏîÄ¿¸ùĿ¼µÄBinÎļþ¼ÐÄÚÊÇ·ñÓÐSystem.Web.Extensions.Design.dll¡¢System.Web.Extensions.dll¡¢A ......
===============ÏÂÆAjax
================
ʮһ¡¢µÚʮһ¿Î ===¡· ʹÓÃXHR¶ÔÏó·¢ËͺͽÓÊÜÊý¾Ý
a.¼ÌÐøÉÏÃæ²½Öè
2)×¢²á»Øµ÷º¯Êý,ֻдº¯ÊýÃû³Æ(Èç¹û¼ÓÁËÀ¨ºÅ£¬ÄÇô¾Í°Ñº¯Êý·µ»ØÖµ×¢²á¸ø»Øµ÷º¯Êý)
xmlHttp.onreadystatechange = callback;
3)ÉèÖÃÁ¬½ÓÐÅÏ¢
//µÚÒ»²ÎÊýÊÇHttpÇëÇó·½Ê½£¬Ò»°ãÑ¡Ôñget¡¢pos ......
AjaxµÄÔÀíºÜ¼òµ¥£¬¾ÍÊÇÔÚ¿Í»§¶Ë´´½¨Ò»¸öXMLHttpRequest¶ÔÏó£¨ÓÃÀ´Óë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£¬Õâ¾ÍÊÇAjaxµÄºËÐÄ£¬ÆäʵÎÒÃÇÔç¾ÍÔÚÓÃÒ첽ͨÐÅÁË£¬Ö»ÊÇû°ÑÕâÏî¼¼ÊõÓÃÔÚÍøÒ³Éè¼ÆÖжøÒÑ£©£¬Îª¸Ã¶ÔÏóµÄonreadystatechange ÊôÐÔÌí¼ÓÒ»¸öʼþ£¬µ±¶ÔÏóµÄreadyState¸Ä±äµÄʱºò¾Í»áÒý·¢Ö¸¶¨µÄʼþ¡£µ½´Ë¾Í¿ÉÒԾͷ¢ËÍÇëÇó¶ÁÈ¡·þÎñÆ÷¶ ......