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"
Ïà¹ØÎĵµ£º
½ñÌ춯̬Ìí¼Óoptionµ½selectlʱ£¬³öÏÖÁËÌí¼ÓºóoptionΪ¿Õ°×£¬¸öÊýÈ´ÕýÈ·µÄÇé¿ö¡£´úÂëÈçÏ£º
for(var i = 0; i < results.length; i++) {
oOption = document.createElement("OPTION");
oOption.value=results[i].child ......
½ñÌìÓÃajaxµÄpost·½Ê½´«ÖµÊ±£¬Óöµ½Ò»¸öÎÊÌ⣬ʼÖÕûÓÐÕÒµ½ÎÊÌâÔÒò¡£ºóÀ´°Ñ´«µÄÖµÖе¥ÒýºÅÈ¥µôºó£¬jsÕý³£ÁË¡£
¾¹ýËÑË÷£¬Ò²Ã»ÓÐÕÒµ½¾ßÌåÔÒò¡£×îºóͨ¹ýÒþ²ØÓòÀ´ÖÐת¸Ã×Ö·û´®¡£×îºó½â¾öÕâ¸öÎÊÌ⣡ÎÞÓïÁË£¡±¸Íü£¡
js²¿·Ý£º
////Òì²½µ÷Ó÷þÎñÆ÷ÐÅÏ¢
function CallServiceInsert()
{
var url="";
var para ......
AJAXÎÞÒÉÊÇ2005Äê³´µÄ×îÈȵÄWeb¿ª·¢¼¼ÊõÖ®Ò»£¬µ±È»£¬Õâ¸ö¹¦ÀÍÀë²»¿ªGoogle¡£ÎÒÖ»ÊÇÒ»¸öÆÕͨ¿ª·¢Õߣ¬Ê¹ÓÃAJAXµÄµØ·½²»ÊÇÌØ±ð¶à£¬ÎҾͼòµ¥µÄ°ÑÎÒʹÓõÄÐĵÃ˵һÏ¡££¨±¾ÎļÙÉèÓû§ÒѾ¾ßÓÐJavaScript¡¢HTML¡¢CSSµÈ»ù±¾µÄWeb¿ª·¢ÄÜÁ¦£©
¡¡¡¡[AJAX½éÉÜ]
¡¡¡¡AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡ ......
Ò»¡¢XMLHttpRequest ¶ÔÏóµÄ·½·¨ÓëÊôÐÔ
·½ ·¨
Ãè Êö
abort()
Í£Ö¹µ±Ç°ÇëÇó
getAllResponseHeaders()
°ÑHTTPÇëÇóµÄËùÓÐÏìÓ¦Êײ¿×÷Ϊ¼ü/Öµ¶Ô·µ»Ø
getResponseHeader("header")
·µ»ØÖ¸¶¨Êײ¿µÄ´®Öµ
open("method", "url")
½¨Á¢¶Ô·þÎñÆ÷µÄµ÷Óá£method²ÎÊý¿ÉÒÔÊÇGET¡¢POST»òPUT¡£ ......
±¾ÊµÀýʹÓÃÃûΪ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°üº¬µÄÊý¾Ý
Ö÷ ......