AJAX ¿â
BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ
google.load()
·½·¨£¬ÄúµÄÓ¦ÓóÌÐòÄܹ»Ñ¸ËÙ´ÓÈ«ÇòÈκÎλÖ÷ÃÎʲ»¶ÏÔö³¤µÄ¡¢×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âÁбí
<script src="http://www.google.com/jsapi"></script>
google.load("jquery", "1.3.1");
google.load("jqueryui", "1.5.3");
google.load("prototype", "1.6.0.3");
google.load("scriptaculous", "1.8.2");
google.load("mootools", "1.2.1");
google.load("dojo", "1.2.3");
google.load("swfobject", "2.1");
google.load("yui", "2.6.0");
Ajax ¿â
ÿ¸ö¿â¶¼¼È¿ÉÒÔͨ¹ý
google.load()
·ÃÎÊ£¬Ò²¿ÉÒÔÖ±½Óͨ¹ý
<script/>
±êÇ©·ÃÎÊ¡£
google.load()
·½·¨ÌṩÁ˴󲿷ֹ¦ÄܺÍÐÔÄÜ¡£ÔÚºóÃæµÄС½ÚÖУ¬ÎÒÃǼǼÁËËùÓпÉʹÓõĿ⡣¶ÔÓÚÿ¸ö¿â£¬ÎÒÃÇÁгöÁËËüµÄÃû³Æ£¨ÔÚ
google.load()
ÖÐʹÓõÄÃû³Æ£©¡¢¸Ã¿âÏÖÓеÄËùÓа汾µÈ¡£
jQuery
Ãû³Æ£ºjquery
°æ±¾£º1.2.3¡¢1.2.6¡¢1.3.0¡¢1.3.1
ÔØÈëÇëÇó£º
google.load("jquery", "1.3.1");
¸½¼ÓÏuncompressed:true£¬ÀýÈç
google.load("jquery", "1.3.1", {uncompressed:true});
·¾¶£ºhttp://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js
·¾¶(u)£ºhttp://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js
ÍøÕ¾£ºhttp://jquery.com/
×¢Ò⣺ÓÉÓÚ 1.2.5 ºÍ 1.2.4 ÔÚ×ÔÈ»»·¾³ÏµÄÊÙÃü¶ÌÇÒ²»Îȶ¨£¬Òò´Ëδ½øÐÐÍйܡ£
jQuery UI
Ãû³Æ£ºjqueryui
°æ±¾£º1.5.2¡¢1.5.3
ÔØÈëÇëÇó£º
google.load("jqueryui", "1.5.3");
¸½¼ÓÏuncompressed:true£¬ÀýÈç
google.load("jqueryui", "1.5"
Ïà¹ØÎĵµ£º
AJAXÎÞÒÉÊÇ2005Äê³´µÄ×îÈȵÄWeb¿ª·¢¼¼ÊõÖ®Ò»£¬µ±È»£¬Õâ¸ö¹¦ÀÍÀë²»¿ªGoogle¡£ÎÒÖ»ÊÇÒ»¸öÆÕͨ¿ª·¢Õߣ¬Ê¹ÓÃAJAXµÄµØ·½²»ÊÇÌØ±ð¶à£¬ÎҾͼòµ¥µÄ°ÑÎÒʹÓõÄÐĵÃ˵һÏ¡££¨±¾ÎļÙÉèÓû§ÒѾ¾ßÓÐJavaScript¡¢HTML¡¢CSSµÈ»ù±¾µÄWeb¿ª·¢ÄÜÁ¦£©
¡¡¡¡[AJAX½éÉÜ]
¡¡¡¡AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡ ......
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......
±¾ÊµÀýʹÓÃÃûΪfaqµÄÊý¾Ý¿â±í£¬°üº¬µÄÊý¾ÝÈçͼ1.2Ëùʾ¡£¾ßÌåµÄ´´½¨Êý¾Ý±íÓï¾äÈçÏ£º
CREATE TABLE 'faq' (
'id' int(11) NOT NULL auto_increment,
'faq' varchar(255) NOT NULL,
'detail' varchar(255) NOT NULL,
PRIMARY KEY ('id')
)
ͼ1.2 ±ífaq°üº¬µÄÊý¾Ý
Ö÷ ......
Ê÷ÐÎÁÐ±í£¨²Ëµ¥£©ÔÚWebÓ¦ÓÃÖÐÊ®·Ö³£¼û£¬Í¨³£Ó¦ÓÃÓÚĿ¼ʽ½á¹¹£¬ÀýÈç²úÆ··ÖÀà¡¢²¿ÃÅ»ú¹¹µÈ¡£´«Í³µÄÊ÷Ðβ˵¥Ö÷ÒªÓÐÁ½ÖÖ¼ÓÔØ·½Ê½£ºÒ»ÖÖÊÇÒ»´ÎÐÔ¼ÓÔØÈ«²¿Êý¾Ý£¬ÁíÒ»ÖÖÊǸù¾ÝÓû§²Ù×÷Öð²½¼ÓÔØÊý¾Ý£¬µ«ÊÇÐèҪˢÐÂÒ³Ãæ¡£Ç°Õß¼ÓÔØËٶȽÏÂý£¬²¢ÇÒ´æÔÚ´óÁ¿Êý¾ÝûÓб»Ê¹ÓõÄÀË·ÑÇéÐΡ£ºóÕß¿ÉÒÔÖð²½¼ÓÔØ£¬µ«ÊÇÆµ·±µØË¢ÐÂÒ³ÃæÔÚ¸øÓû§´øÀ ......
<!--×¢²áÑéÖ¤Óû§ÃûÊÇ·ñ´æÔÚ(²»Ë¢ÐÂ)(2008-07-10 11:22:08)±êÇ©£ºdocument if color ch rs ×¢²á ajax ÑéÖ¤ Óû§Ãû it ·ÖÀà£ºÍøÂç±à³ÌÓ¦ÓÃ
Õë¶ÔASPµÄ ÓõÄÊÇAJAXдµÄ
·ÖÁ½²¿·Ö
-->
1.×¢²áÒ³Ãæ
JS²¿·Ö:
<script language="JavaScript">
function chuser(){
var csuser=docume ......