Ïê½âAJAXºËÐÄÖеÄXMLHttpRequest¶ÔÏó
XMLHttpRequest ¶ÔÏóÊÇAJAX¹¦ÄܵĺËÐÄ£¬Òª¿ª·¢AJAX³ÌÐò±ØÐë´ÓÁ˽âXMLHttpRequest ¶ÔÏó¿ªÊ¼¡£
¡¡¡¡Á˽âXMLHttpRequest ¶ÔÏó¾ÍÏÈ´Ó´´½¨XMLHttpRequest ¶ÔÏó¿ªÊ¼£¬ÔÚ²»Í¬µÄä¯ÀÀÆ÷Öд´½¨XMLHttpRequest ¶ÔÏóʹÓò»Í¬µÄ·½·¨£º
¡¡¡¡ÏÈ¿´¿´IE´´½¨XMLHttpRequest ¶ÔÏóµÄ·½·¨(·½·¨1)£º
¡¡¡¡var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
¡¡¡¡//ʹÓýÏа汾µÄ IE ´´½¨ IE ¼æÈݵĶÔÏó(Msxml2.XMLHTTP)
¡¡¡¡var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
¡¡¡¡//ʹÓýÏÀϰ汾µÄ IE ´´½¨ IE ¼æÈݵĶÔ(Microsoft.XMLHTTP)
¡¡¡¡¶ø Mozilla¡¢Opera¡¢Safari ºÍ´ó²¿·Ö·ÇIEµÄä¯ÀÀÆ÷¶¼Ê¹ÓÃÏÂÃæÕâÖÖ·½·¨(·½·¨2)´´½¨XMLHttpRequest ¶ÔÏó£º
¡¡¡¡var xmlhttp = new XMLHttpRequest();
¡¡¡¡Êµ¼ÊÉÏInternet Explorer ʹÓÃÁËÒ»¸öÃûΪ XMLHttp µÄ¶ÔÏ󣬶ø²»ÊÇ XMLHttpRequest ¶ÔÏ󣬶ø
Mozilla¡¢Opera¡¢Safari ºÍ ´ó²¿·Ö·Ç Microsoft ä¯ÀÀÆ÷¶¼Ê¹ÓõÄÊǺóÕß(ÏÂÎÄͳ³Æ XMLHttpRequest
¶ÔÏó)¡£IE7¿ªÊ¼Ò²¿ªÊ¼Ê¹ÓÃXMLHttpRequest ¶ÔÏóÁË¡£
¡¡¡¡ÔÚ´´½¨ XMLHttpRequest ¶ÔÏóµÄʱºòÈç¹û²»Í¬µÄä¯ÀÀÆ÷ʹÓÃÁ˲»ÕýÈ·µÄ·½·¨ä¯ÀÀÆ÷¶¼½«»á±¨´í£¬²¢ÇÒÎÞ·¨Ê¹ÓøöÔÏó¡£ËùÒÔÎÒÃÇÐèÒªÒ»ÖÖ¿ÉÒÔ¼æÈݲ»Í¬ä¯ÀÀÆ÷µÄ´´½¨XMLHttpRequest ¶ÔÏóµÄ·½·¨£º
¡¡¡¡´´½¨¼æÈݶàä¯ÀÀÆ÷µÄ XMLHttpRequest ¶ÔÏó·½·¨
¡¡¡¡var xmlhttp = false; //´´½¨Ò»¸öбäÁ¿ request ²¢¸³Öµ false¡£Ê¹Óà false
×÷ΪÅжÏÌõ¼þ£¬Ëü±íʾ»¹Ã»Óд´½¨ XMLHttpRequest ¶ÔÏó¡£ function CreateXMLHttp(){try{xmlhttp
= new XMLHttpRequest(); //³¢ÊÔ´´½¨ XMLHttpRequest ¶ÔÏ󣬳ý IE
ÍâµÄä¯ÀÀÆ÷¶¼Ö§³ÖÕâ¸ö·½·¨¡£}catch (e){try{xmlhttp = new
ActiveXObject("Msxml2.XMLHTTP"); //ʹÓýÏа汾µÄ IE ´´½¨ IE
¼æÈݵĶÔÏó(Msxml2.XMLHTTP)}catch (e){try{xmlhttp = new
ActiveXObject("Microsoft.XMLHTTP"); //ʹÓýÏÀϰ汾µÄ IE ´´½¨ IE
¼æÈݵĶÔÏó(Microsoft.XMLHTTP)¡£}catch (failed){xmlhttp = false; //Èç¹ûʧ°ÜÔò±£Ö¤
request µÄÖµÈÔȻΪ false¡£}}}return xmlhttp;}ÅжÏÊÇ·ñ´´½¨³É¹¦¾ÍºÜ¼òµ¥ÁË
¡¡¡¡if (!xmlhttp){//´´½¨XMLHttpRequest ¶ÔÏóʧ°Ü!}else{//´´½¨³É¹¦!}
¡¡¡¡´´½¨ºÃÁËXMLHttpRequest ¶ÔÏóÎÒÃÇÔÙÀ´¿´¿´Õâ¸ö¶ÔÏóµÄ·½·¨¡¢ÊôÐÔÒÔ¼°×îÖØÒªµÄonreadystatechangeʼþ¾ä±ú°É¡£
¡¡¡¡·½·¨£º
¡¡¡¡open() ˵Ã÷£º³õʼ»¯ HTTP ÇëÇó²ÎÊý£¬ÀýÈç URL ºÍ HTTP
Ïà¹ØÎĵµ£º
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏ ......
1.´´½¨XMLHttpRequest¶ÔÏó£º
function newXMLHttpRequest() {
var requestObj;
if (window.XMLHttpRequest) {
// Non IE
requestObj = new ActiveObj('XMLHttpRequest');
} else {
//IE
requestObj = new ActiveObj('Microsoft.XMLHTTP');
}
return request ......
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ¾ßÓжÀÌØµÄ»ù±¾ÔÀí£¬¿ÉÒÔ¼ò½àµØ±íʾ³£¼ûµÄ¸´ÔÓ´úÂ롣ѧϰ jQuery »ù±¾ÔÀí£¬Ì½Ë÷ÆäÌØÐԺ͹¦ÄÜ£¬Ö´ÐÐһЩ³£¼ûµÄ Ajax ÈÎÎñ²¢ÕÆÎÕÈçºÎʹÓòå¼þÀ©Õ¹ jQuery¡£
jQuery ÊÇʲ ......
AjaxµÄÈ«³ÆÊÇ£ºAsynchronousJavaScript+XML
2.AjaxµÄ¶¨Ò壺
Ajax²»ÊÇÒ»¸ö¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¶¼ÓÐÆä¶ÀÌØÕâ´¦£¬ºÏÔÚÒ»Æð¾Í³ÉÁËÒ»¸ö¹¦ÄÜÇ¿´óµÄм¼Êõ¡£
3.Ajax°üÀ¨£º
XHTMLºÍCSS
ʹÓÃÎĵµ¶ÔÏóÄ£ÐÍ(DocumentObjectModel)×÷¶¯Ì¬ÏÔʾºÍ½»»¥
ʹÓÃXMLºÍXSLT×öÊý¾Ý½»»¥ºÍ²Ù×÷
ʹÓÃXMLHttpRequest½øÐÐÒ ......
ÔÚ×î½ü¿ªÊ¼½«AJAX¼¼Êõ¼ÓÈëµ½ÈÕ³£µÄ¿ª·¢¹¤×÷ÖС£ÎÒÔÚ×î½üдÁ˸öAJAXµÄÎÞˢеǽÇÒ¶¯Ì¬Ìí¼Ó·þÎñÆ÷¿Ø¼þµÄ¹¤×÷£¬ÎÒ½«´Ë¹¦ÄܸæËß´ó¼ÒÏ£Íû¶Ô´ó¼ÒµÄ¹¤×÷ÓÐËù°ïÖú¡£Èç¹û´ó¼ÒÓиüºÃµÄ·½·¨ÇÒÔ¸ÒâÔÚ´ËÁôÑÔÈÃÎÒÒ²¿ÉÒÔ·ÖÏíµ½ÄãµÄ³É¹û¡£
Ê×ÏÈÔÚÒ³ÃæÖеÄHTML±ê¼ÇÖмÓÈë¿Ø¼þUpdatePanelºÍÁ½¸öTextboxÒ»¸öButton£º
<asp:UpdatePanel ID ......