jquery AJAXÓ¦ÓÃ
load(url[,data][,callback])------------->ͨ³£ÓÃÀ´´ÓWEB·þÎñÆ÷ÉÏ»ñÈ¡¾²Ì¬µÄÊý¾ÝÎļþ
url: stringÀàÐÍ ÇëÇóHTMLÒ³ÃæµÄURLµØÖ·
data(¿ÉÑ¡): object ·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
callback(¿ÉÑ¡):function ÇëÇóÍê³Éʱ»Øµ÷º¯Êý
Àý×Ó£º
Ö÷Ò³Ãæ´úÂ룺
<style type="text/css">
* { margin:0; padding:0;}
body { font-size:12px;}
.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; text-indent:2em;background:#DDD;}
</style>
$(function(){
$("#send").click(function(){
$("#resText").load("test.html .para",function (responseText, textStatus, //test.html .paraΪtest.htmlÖÐ.classΪparaµÄÄÚÈÝXMLHttpRequest){
alert( $(this).html() ); //ÔÚÕâÀïthisÖ¸ÏòµÄÊǵ±Ç°µÄDOM¶ÔÏ󣬼´ $("#iptText")[0]
alert(responseText); //ÇëÇ󷵻صÄÄÚÈÝ
alert(textStatus); //ÇëÇó״̬£ºsuccess£¬error
alert(XMLHttpRequest); //XMLHttpRequest¶ÔÏó
});
})
})
<input type="button" id="send" value="Ajax»ñÈ¡" />
<div class="comment">
ÒÑÓÐÆÀÂÛ£º
</div>
<div id="resText" >
Ïà¹ØÎĵµ£º
http://www.longboo.com/
·ÖÒ³
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
Êý¾Ý¿â²éѯ¹¤¾ß
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email¹¤¾ß
http://www.longboo.com/Samples/comb/OutLook/index.html
Íøµê
http://www.longboo.com/Samples/linb/Template ......
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏ ......
½ñÌìÙ¡ÀÏʦ½ÌÎÒÃÇʹÓÃajax¼¼ÊõÀ´Íê³ÉÊý¾Ý¿â¼¶Áª²éѯµÄÒ»¸öСÏîÄ¿£¬¿ÎÏÂÎÒ¶ÔÕâ¸öÏîÄ¿×öÁËÒÔϱʼǣº
AjaxСÏîÄ¿£ºÊ¹Óõļ¼Êõ£ºc3p0Á¬½Ó³Ø¡¢struts£¬jquery¼°Æä²å¼þ¡¢dbutil
a) ²½Ö裺ÅäÖÃc3p0µÄÊý¾Ý¿âÁ¬½Ó³Ø,µ¼Èëjar°ü£¬µ¼ÈëoracleÇý¶¯£¬
b) Ìí ......
ºÜ¾ÃÒÔÇ°£¬ÎÒѧ»áÁËÓÃdhtmlxtree£¬ÄÇÊÇÒ»¿ÃºÜ²»´íµÄÊ÷£¬ÓÃÆðÀ´ºÜ·½±ã£¬µ«ÊÇÒ»¸öÎÊÌâһֱûÓнâ¾ö£¬´ÓÇ°¶¼ÊǷֺܶà´ÎÈ¥Êý¾Ý¿âÖв飬×ñѵÄÔÔòÊÇ£¬ÏȲé³öÉϼ¶£¬È»ºóÔÙ¸ù¾ÝÉϼ¶ID²é³öϼ¶ID£¬ÕâÑùÒ»²ãÒ»²ãµÄ²é£¬ÓÚÊǵ±Êý¾ÝÁ¿´óÁË£¬Ê÷¼ÓÔصÄʱºò»áºÜµÄºÜÂý£¬ÓÐʱºòµÈËû¿ªÊ¼¼ÓÔصÄʱºò£¬¿ÉÒÔ¸æËßÆÁÄ»Ç ......
xmlHttpÐÎʽµÄAjax£ºXmlHttpÐÎʽµÄAjax IBM¼¼ÊõÎĵµ¿â
ÒÔÏÂÊÇÀûÓÃÒþ²ØiframeʵÏÖµÄajax:
index.htm
<html>
<head>
</head>
<body>
<iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
</ifra ......