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" >
Ïà¹ØÎĵµ£º
¡¡¡¡ºÜ¶àÈ˶¼ÓùýAJAX¿Ø¼þ°É£¬AJAX¿Ø¼þ²»ÐèҪˢÐÂÒ³Ãæ¾Í¿ÉÒÔµ½ºǫ́ȥ¶Á³öÊý¾Ýµ½¿Í»§¶Ë£®AJAX¿Ø¼þ³ýÁËÓкÜìŵÄÌØÐ§Í⣬ÆäÒª¹¦ÄܾÍÊDz»ÐèҪˢÐÂÕû¸öÒ³Ãæ¾Í¿ÉÒÔÈ¡µÃÓû§ËùÐèÒªµÄÊý¾Ý£¬ÎÒ°ÑÕâÒ»¿éµÄµÄ¹¦ÄÜ·â×°³ÉÒ»¸öÀ࣬·½±ãÈÕºó¿ÉÒÔÖØ¸´Ê¹Ó㬴úÂëÈçÏ£º
//Ajax Request Class Start
functio ......
ºÜ¾ÃÒÔǰ£¬ÎÒѧ»áÁËÓÃdhtmlxtree£¬ÄÇÊÇÒ»¿ÃºÜ²»´íµÄÊ÷£¬ÓÃÆðÀ´ºÜ·½±ã£¬µ«ÊÇÒ»¸öÎÊÌâһֱûÓнâ¾ö£¬´Óǰ¶¼ÊǷֺܶà´ÎÈ¥Êý¾Ý¿âÖв飬×ñѵÄÔÔòÊÇ£¬ÏȲé³öÉϼ¶£¬È»ºóÔÙ¸ù¾ÝÉϼ¶ID²é³öϼ¶ID£¬ÕâÑùÒ»²ãÒ»²ãµÄ²é£¬ÓÚÊǵ±Êý¾ÝÁ¿´óÁË£¬Ê÷¼ÓÔØµÄʱºò»áºÜµÄºÜÂý£¬ÓÐʱºòµÈËû¿ªÊ¼¼ÓÔØµÄʱºò£¬¿ÉÒÔ¸æË߯ÁÄ»Ç ......
ÔÚajaxû³öÀ´Ö®Ç°£¬Ò»Ö±ÊÇÓÃiframeʵÏÖµÄÎÞË¢ÐÂÇëÇó¡£
Ö÷ÒªµÄÔÀíÊÇ£º
ʹÓÃjs´´½¨Ò»¸öÒþ²ØµÄiframe
°ÑÒªÌá½»µÄ±íµ¥µÄtargetÊôÐÔÖ¸Ïò1ÖÐÉú³ÉµÄiframe
ÔÚÇëÇóµÄÒ³ÃæÖлص÷¸¸Ò³ÃæµÄ·½·¨
ÕâÑù¾ÍʵÏÖÁËÒ»¸ö¼òµ¥µÄ“Òì²½Ìá½»”
¿´ÆðÀ´ºÍajaxÒ»ÑùµÄЧ¹û£¬ÄÇΪʲô»¹ÒªÓÐajax£¬ÎÒÃÇÀ´±È½ÏÏ£º£¨ÒÔϰÑajax¼¼Êõ³ÆÎªX ......
ËÄ¡¢³£¼ûAjax±à³Ì¿ò¼Ü
¼ÈÈ»ÉÏÊöAjax¿ò¼ÜÒѾÄܹ¤×÷ÁË£¬ÎªÊ²Ã´»¹ÓÐÄÇô¶àµÄ¿ò¼ÜÄØ£¿
Ëæ×ÅÒ³ÃæµÄ¸´ÔÓ£¬¿ÉÄÜÐèÒªÊéд´óÁ¿µÄJavascript½Å±¾À´¶ÔÒ³ÃæÖеÄDOM¶ÔÏó½øÐпØÖÆ£¬¹¤×÷Á¿ºÍ¸´ÔÓ¶È»á´ó´óÔö¼Ó¡£Ajax±à³Ì¿ò¼Üͨ³£ÀûÓÃÃæÏò¶ÔÏóµÄ·½·¨£¬¶ÔһЩ»ù±¾µÄ¶ÔÏóºÍÐÐΪ¼° ......
ajaxµÄ¹¦ÄÜÖ÷ÒªÊÇÓ¦ÓÃÔÚjsÉÏ£¬ajax¶ÔaspûʲôҪÇó£¬aspÖ»¸ºÔðÔÚºǫ́ÏÔʾ¼°²Ù×÷·þÎñ¶ËµÄÊý¾Ý¡£
¿ÉÒÔÏñÏÂÃæÕâÑù˼¿¼£º
1.д±íµ¥µÚÒ»ÏÈçÓû§Ãû£©
2.onblurʼþ(ʧȥ½¹µã)·¢Éúʱ¿ªÊ¼ÑéÖ¤£¬onblur="checkusername()"
3.js·¢Ò»¸öÇëÇó¸øµÚÒ»¸öasp(¼Ù¶¨Îªajaxusername.asp)Èç¹û´ÓÊý¾Ý¿âÖÐÕÒµ½ÁËÕâ¸öÓû§£¬¸ø³ö1(ajaxuse ......