ajax Ïà¹Ø
1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶ÓµÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓÃÓÚ·µ»ØÈÎºÎ±íµ¥ÊäÈë¿Ø¼þµÄÖµ£¬±ÈÈçtext box,drop-down list
¡£
Õâ¸ö·½·¨Ò²ÄÜÓÃÔªËØid
»òÔªËØ±¾Éí×öΪ²ÎÊý¡£
$A()
º¯ÊýÄܰÑËü½ÓÊÕµ½µÄµ¥¸öµÄ²ÎÊýת»»³ÉÒ»¸öArray
¶Ô
Ïó¡£
2
¡¢½éÉÜÒ»ÏÂ
XMLHttpRequest
¶ÔÏó
ͨ¹ýXMLHttpRequest
¶ÔÏó£¬Web
¿ª
·¢ÈËÔ±¿ÉÒÔÔÚÒ³Ãæ¼ÓÔØÒÔºó½øÐÐÒ³ÃæµÄ¾Ö²¿¸üС£
AJAX
¿ªÊ¼Á÷ÐÐʼÓÚGoogle
ÔÚ2005
Äê
ʹÓõĔGoogle Suggest”
¡£
“Google Suggest”
¾ÍÊÇʹÓÃXMLHttpRequest
¶Ô
ÏóÀ´´´½¨¶¯Ì¬µÄWeb
½Ó¿Ú£º
µ±Óû§¿ªÊ¼ÊäÈëgoogle
µÄËÑË÷¿ò£¬Javascript
·¢
ËÍÓû§ÊäÈëµÄ×Ö·ûµ½·þÎñÆ÷£¬È»ºó·þÎñÆ÷·µ»ØÒ»¸ö½¨ÒéÁÐ±í¡£
XMLHttpRequest
¶ÔÏóÔÚIE5.0+,
Safari 1.2, Mozilla 1.0/Firefox, Opera 8+
ºÍNetScapt7
¿ª
ʼ±»Ö§³Ö¡£
3
¡¢
AJAX
Ó¦Óúʹ«Í³
Web
Ó¦ÓÃÓÐʲô²»Í¬£¿
ÔÚ´«Í³µÄJavascript
±à³ÌÖУ¬Èç¹ûÏëµÃµ½·þÎñÆ÷¶ËÊý¾Ý¿â»ò
ÎļþÉϵÄÐÅÏ¢£¬»òÕß·¢ËͿͻ§¶ËÐÅÏ¢µ½·þÎñÆ÷£¬ÐèÒª½¨Á¢Ò»¸öHTML form
È»ºóGET
»òÕßPOST
Êý
¾Ýµ½·þÎñÆ÷¶Ë¡£Óû§ÐèÒªµã»÷”Submit”
°´Å¥À´·¢ËÍ»òÕß½ÓÊÜÊý¾ÝÐÅÏ¢£¬È»ºóµÈ´ý·þÎñÆ÷ÏìÓ¦ÇëÇó£¬Ò³ÃæÖØÐ¼ÓÔØ¡£
ÒòΪ·þÎñÆ÷ÿ´Î¶¼»á·µ»ØÒ»¸öеÄÒ³Ãæ£¬ ËùÒÔ´«Í³µÄweb
Ó¦ÓÃÓпÉ
ÄܺÜÂý¶øÇÒÓû§½»»¥²»ÓѺá£
ʹÓÃAJAX
¼¼Êõ£¬ ¾Í¿ÉÒÔʹJavascript
ͨ
¹ýXMLHttpRequest
¶ÔÏóÖ±½ÓÓë·þÎñÆ÷½øÐн»»¥¡£
ͨ¹ýHTTP Request
£¬ Ò»¸öweb
Ò³
Ãæ¿ÉÒÔ·¢ËÍÒ»¸öÇëÇóµ½web
·þÎñÆ÷²¢ÇÒ½ÓÊÜweb
·þÎñÆ÷·µ»ØµÄÐÅÏ¢(
²»
ÓÃÖØÐ¼ÓÔØÒ³Ãæ)
£¬Õ¹Ê¾¸øÓû§µÄ»¹ÊÇͨһ¸öÒ³Ãæ£¬Óû§¸Ð¾õÒ³ÃæË¢Ð£¬Ò²¿´²»µ½µ½Javascript
ºó
̨½øÐеķ¢ËÍÇëÇóºÍ½ÓÊÜÏìÓ¦¡£
4
¡¢
AJAX
µÄÈ«³ÆÊÇʲô£¿
½éÉÜÒ»ÏÂ
AJAX
£¿
AJAX
µÄÈ«³ÆÊÇAsynchronous
JavaScript And XML.
AJAX
ÊÇ2005
ÄêÓÉGoogle
·¢
Æð²¢Á÷ÐÐÆðÀ´µÄ±à³Ì·½·¨£¬ AJAX
²»ÊÇÒ»¸öеıà³ÌÓïÑÔ£¬µ«ÊÇËüÊÇÒ»¸öʹÓÃÒÑÓбê×¼µÄеıà³Ì¼¼Êõ¡£
ʹÓÃAJAX
¿ÉÒÔ´´½¨¸üºÃ£¬¸ü¿ì£¬¸üÓû§½çÃæÓѺõÄWeb
Ó¦

AJAX
¼¼Êõ»ùÓÚJavascript
ºÍHTTP
Reque
Ïà¹ØÎĵµ£º
ÎÄÕ³ö×Ô£ºhttp://www.cnblogs.com/QLeelulu/archive/2008/04/21/1163021.html
±¾ÎĵØÖ·: jQuery
Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼ ......
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
Ò»ÖÜǰ£¬leaderÈÃÎÒдһ¸öÀàËÆ°Ù¶ÈµÄ×Ô¶¯Íê³É¹¦ÄÜ£¬ºÇºÇ£¬ÒòΪ¶Ôajax¼¼ÊõÕÆÎյIJ»ºÃ£¬ËùÒÔ¿àÄÕÁ˺ܾÃûÓÐд³öÀ´
¾¹ýÒ»ÖܵÄѧϰ£¬ÖÕÓÚд³öÁËÒ»¸öajax³ÌÐò£¬ÒÔºóµÄ¹¤×÷¾ÍºÃ×ö¶àÀ²
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......
½ñÌì³Á˶ÎÊéÉÏС´úÂ룬´úÂëÈçÏÂ
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatecha ......