Ò»²½Ò»²½Ñ§ajax£¨Ò»£©
Ôø¾¶ÔajaxºÜºÃÆæ£¬Ã¿´ÎºÍͬѧ»òÕßͬÊÂ̸ÆðajaxÌýËûÃÇÔÚÄÇÇáÃèµÐ´Ò»·¬²»ÖªËùÒÔÈ»£¬Ç°¼¸Ìì²é×ÊÁϲŻíÈ»Ã÷°×¡£ÏÂÃæÖ±ÈëÕýÌ⣺
Ajax »ù±¾ÉϾÍÊÇ°Ñ JavaScript ¼¼ÊõºÍ XMLHttpRequest
¶ÔÏó·ÅÔÚ Web
±íµ¥ºÍ·þÎñÆ÷Ö®¼ä
¡£µ±Óû§Ìîд±íµ¥Ê±£¬Êý¾Ý·¢Ë͸øÒ»Ð© JavaScript ´úÂë¶ø²»ÊÇ
Ö±½Ó·¢Ë͸ø·þÎñÆ÷¡£Ïà·´£¬JavaScript
´úÂë²¶»ñ±íµ¥Êý¾Ý²¢Ïò·þÎñÆ÷·¢ËÍÇëÇó¡£Í¬Ê±Óû§ÆÁÄ»ÉÏµÄ±íµ¥Ò²²»»áÉÁ˸¡¢Ïûʧ»òÑÓ³Ù¡£»»¾ä»°Ëµ£¬JavaScript
´úÂëÔÚÄ»ºó·¢ËÍÇëÇó£¬Óû§ÉõÖÁ²»ÖªµÀÇëÇóµÄ·¢³ö¡£¸üºÃµÄÊÇ£¬ÇëÇóÊÇÒì²½·¢Ë͵쬾ÍÊÇ˵ JavaScript
´úÂ루ºÍÓû§£©²»Óõȴý·þÎñÆ÷µÄÏìÓ¦¡£Òò´ËÓû§¿ÉÒÔ¼ÌÐøÊäÈëÊý¾Ý¡¢¹ö¶¯ÆÁÄ»ºÍʹÓÃÓ¦ÓóÌÐò¡£È»ºó£¬·þÎñÆ÷½«Êý¾Ý·µ»Ø JavaScript ´úÂ루ÈÔÈ»ÔÚ Web
±íµ¥ÖУ©£¬ºóÕß¾ö¶¨ÈçºÎ´¦ÀíÕâЩÊý¾Ý¡£Ëü¿ÉÒÔѸËÙ¸üÐÂ±íµ¥Êý¾Ý£¬ÈÃÈ˸оõÓ¦ÓóÌÐòÊÇÁ¢¼´Íê³ÉµÄ£¬±íµ¥Ã»ÓÐÌá½»»òˢжøÓû§µÃµ½ÁËÐÂÊý¾Ý¡£JavaScript
´úÂëÉõÖÁ¿ÉÒÔ¶ÔÊÕµ½µÄÊý¾ÝÖ´ÐÐijÖÖ¼ÆË㣬ÔÙ·¢ËÍÁíÒ»¸öÇëÇó£¬ÍêÈ«²»ÐèÒªÓû§¸ÉÔ¤£¡Õâ¾ÍÊÇ XMLHttpRequest
µÄÇ¿´óÖ®´¦¡£Ëü¿ÉÒÔ¸ù¾ÝÐèÒª×ÔÐÐÓë·þÎñÆ÷½øÐн»»¥£¬Óû§ÉõÖÁ¿ÉÒÔÍêÈ«²»ÖªµÀÄ»ºó·¢ÉúµÄÒ»ÇС£½á¹û¾ÍÊÇÀàËÆÓÚ×ÀÃæÓ¦ÓóÌÐòµÄ¶¯Ì¬¡¢¿ìËÙÏìÓ¦¡¢¸ß½»»¥ÐÔµÄÌåÑ飬µ«ÊDZ³ºóÓÖÓµÓл¥ÁªÍøµÄÈ«²¿Ç¿´óÁ¦Á¿¡£
ÒÔÉϽâÊÍÖÐÌáµ½XMLHttpRequest£¬¶Ô£¬ajaxÕýÊÇ¿¿XMLHttpRequest·¢ËÍajaxÇëÇó¡£ÏÈ¿´´úÂë
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
Õâ¶Î´úÂëµÄºËÐÄ·ÖΪÈý²½£º
½¨Á¢Ò»¸ö±äÁ¿ xmlHttp
À´ÒýÓü´½«´´½¨µÄ XMLHttpRequest
¶ÔÏó¡£
³¢ÊÔÔÚ Microsoft ä¯ÀÀÆ÷Öд´½¨¸Ã¶ÔÏó£º
³¢ÊÔʹÓà Msxml2.XMLHTTP
¶ÔÏó´´½¨Ëü¡£
Èç¹ûʧ°Ü£¬ÔÙ³¢ÊÔ Microsoft.XMLHTTP
¶ÔÏó¡£
Èç¹ûÈÔȻûÓн¨Á¢ xmlHttp
£¬ÔòÒÔ·Ç Microsoft µÄ·½Ê½´´½¨¸Ã¶ÔÏó¡£
×îºó£¬xmlHttp
Ó¦¸ÃÒýÓÃÒ»¸öÓÐЧµÄ XMLHttpRequest
¶ÔÏó£¬ÎÞÂÛÔËÐÐʲôÑùµÄä¯ÀÀÆ÷¡£
¶þ¡¢XMLHttpRequest¶ÔÏóÒѾ
Ïà¹ØÎĵµ£º
//Óû§ÃûУÑéµÄ·½·¨
//Õâ¸ö·½·¨½«Ê¹ÓÃXMLHTTPRequest¶ÔÏóÀ´½øÐÐAJAXµÄÒì²½Êý¾Ý½»»¥
var xmlhttp;
function verify() {
//0¡£Ê¹ÓÃdomµÄ·½Ê½»ñÈ¡Îı¾¿òÖеÄÖµ
//document.getElementById("userName")ÊÇdomÖлñÈ¡ÔªËØ½ÚµãµÄÒ»ÖÖ·½·¨£¬Ò»¸öÔªËØ½Úµã¶ÔÓ¦HTMLÒ³ÃæÖеÄÒ»¸ö±êÇ©£¬Èç¹û<input& ......
1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
¡¡¡ ......
ʹÓÃAjaxÖвéѯÊý¾Ý¿âʱ£¬Ö»µÚÒ»´Î²éѯÁËÊý¾Ý¿â£¬ÒÔºóÔÙÓÐÇëÇó¾Í²»Ìá½»¸ø·þÎñÆ÷´¦ÀíÁË
ҳͷµÄÇ建´æ±êǩûÆð×÷ÓÃ
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
½â¾ö·½·¨£º
1£º¼Óʱ¼ä´Á var url ......
<script language="javascript" type="text/javascript">
var xmlHttp = null;
function CreateXMLHttp()
{
......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
ÏÂÃæÒÔ×¢²á¹ý³ÌÖÐÓû§ÃûÊÇ·ñ´æÔÚµÄÑé֤ΪÀý½éÉÜAJAXµÄÓ¦Óá£
¹¦ÄÜÃèÊö£ºÓû§×¢²áµÄÓû§Ãû²»ÔÊÐíÖØ¸´£¬ËùÒÔÔÚÓû§ÌύʱºòÐèÒªÅжϡ£ÎªÁËÈÃÓû§ÔçÖªµÀ½á¹û£¬ÔÚÓû§ÊäÈëÓû§ÃûÖ®ºó¾ÍÓ¦¸Ã½øÐÐÅжϣ¬¿ÉÒÔ²ÉÓÃAJAX½øÐд¦Àí¡£
¼ÙÉ裺ΪÁ˼ò»¯´ú ......