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"
Ïà¹ØÎĵµ£º
Ò»¡¢XMLHttpRequest ¶ÔÏóµÄ·½·¨ÓëÊôÐÔ
·½ ·¨
Ãè Êö
abort()
Í£Ö¹µ±Ç°ÇëÇó
getAllResponseHeaders()
°ÑHTTPÇëÇóµÄËùÓÐÏìÓ¦Êײ¿×÷Ϊ¼ü/Öµ¶Ô·µ»Ø
getResponseHeader("header")
·µ»ØÖ¸¶¨Êײ¿µÄ´®Öµ
open("method", "url")
½¨Á¢¶Ô·þÎñÆ÷µÄµ÷Óá£method²ÎÊý¿ÉÒÔÊÇGET¡¢POST»òPUT¡£ ......
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......
·þÎñÆ÷¶ËÏìÓ¦Îļþpostalcode.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§ÊäÈëµÄÓÊÕþ±àÂ룬´ÓÊý¾Ý¿âÖвéѯ¶ÔÓ¦µÄµØÇøÐÅÏ¢¡£Èç¹ûûÓÐÈ¡µ½£¬Ôò·µ»Ø¿Õ×Ö·û´®¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%!
......
¼¼ÊõÒªµã
ÔÚ»ù±¾ÔÀíµÄ½éÉÜÖУ¬Á˽⵽ͨ¹ýÔÚ¸¸½ÚµãÄÚ¶¯Ì¬´´½¨×ӽڵ㣬²¢ÀûÓÃÑùʽ±íËõ½øÍê³ÉÊ÷ÐÎÁбíµÄ»ù±¾¿ò¼Ü¡£³ýÁËÕâÒ»µãÍ⣬»¹ÓÐÏÂÃæÒ»Ð©ÎÊÌâÐèÒª¿¼ÂÇ¡£
1£®½«¸¸½ÚµãËùÓеÄ×Ó½Úµã·ÅÈëÒ»¸öÈÝÆ÷ÖÐ
»ù±¾ÔÀíÒ³ÃæÖнö°üº¬ÁË´´½¨×Ó½ÚµãµÄ¹¦ÄÜ£¬²»¿ÉÒÔ½«´´½¨ºÃµÄ½ÚµãÔÙ½øÐйرղÙ×÷¡£Êµ¼ÊÓ¦ÓÃÖв˵¥×ÜÊǰüº¬´ò¿ªºÍ¹Ø±ÕÁ½ÖÖ² ......
Êý¾Ý¿âÉè¼Æ
±¾ÊµÀýʹÓÃÃûΪtreeµÄÊý¾Ý¿â±í£¬°üº¬µÄÊý¾ÝÈçͼ1.8Ëùʾ£¬¾ßÌåµÄ½¨±íÓï¾äÈçÏ£º
CREATE TABLE 'tree' (
'id' int(11) NOT NULL auto_increment,
'text' varchar(255) NOT NULL,
'isfolder' varchar(5) NOT NULL default 'false',
'link' varchar(255) default NULL,
' ......