Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

AjaxÀïµÄonreadystatechangeµÄ×÷ÓÃÊÇʲô

·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id; 
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);
onreadyStateChangeʼþÊÇÔÚreadyStateÊôÐÔ·¢Éú¸Ä±äʱ´¥·¢µÄ£¬readyStateµÄÖµ±íʾÁ˵±Ç°ÇëÇóµÄ״̬£¬ÔÚʼþ´¦Àí³ÌÐòÖпÉÒÔ¸ù¾ÝÕâ¸öÖµÀ´½øÐв»Í¬µÄ´¦Àí¡£ readyStateÓÐÎåÖÖ¿ÉÈ¡Öµ0£ºÉÐδ³õʼ»¯£¬1£ºÕýÔÚ¼ÓÔØ£¬2£º¼ÓÔØÍê±Ï£¬3£ºÕýÔÚ´¦Àí£»4£º´¦ÀíÍê±Ï¡£Ò»µ©readyStateÊôÐÔµÄÖµ±ä³ÉÁË4£¬¾Í¿ÉÒÔ´Ó·þÎñÆ÷·µ»ØµÄÏìÓ¦Êý¾Ý½øÐзÃÎÊÁË¡£
ͨ³£ÔÚʼþÖÐÅжÏreadyStateµÄÖµÊÇÔÚÇëÇóÍê±Ïʱ²Å×ö´¦Àí£¬È磺
function changeTabCallBack(){
  if(ajaxObj.readyState==4){
     // ÏÂÒ»²½ÑéÖ¤
  }
}
Status´æ´¢ÁË·þÎñÆ÷¶Ë·µ»ØµÄHttpÇëÇóÏìÓ¦´úÂ룬Ëü±íʾÇëÇóµÄ´¦Àí½á¹û£¬³£¼ûÏìÓ¦´úÂëµÄº¬ÒåÈçÓÒ¡£
ÔÚAjax¿ª·¢ÖУ¬×î³£ÓþÍÊÇ200Õâ¸öÏìÓ¦Â룬´úÂëÈçÏ£º
function changeTabCallBack(){
  if(ajaxObj.readyState==4){
    if(ajaxObj.status==200){
       // ·þÎñ¶Ë·µ»ØÁËÕýÈ·Êý¾Ý£¬¿ªÊ¼ÏìÓ¦´¦Àí
    }
  }
}
Http״̬Âë º¬Òå
200 ÇëÇó³É¹¦
202 ÇëÇó±»½ÓÊܵ«´¦ÀíδÍê³É
400 ´íÎóÇëÇó
404 ÇëÇó×ÊԴδÕÒµ½
500 ÄÚ²¿·þÎñÆ÷´íÎó


Ïà¹ØÎĵµ£º

ÓÃGlassfishºÍNetBeans±àдµÚÒ»¸öAJAX³ÌÐò


By Jason.Huang@sun.COM
,

8/1/07
 
B/S½á¹¹µÄÓ¦ÓÃËƺõÒѾ­³ÉΪÁËĬÈϵķ½Ê½,´ó¼ÒÿÌ쿪Æô¹Ø±Õ×î¶àµÄÓ¦ÓÃÎÒÏëÓ¦¸ÃÊÇÄúµÄWebä¯ÀÀÆ÷.B/S½á¹¹µÄÓ¦ÓÃ×î´óµÄÓŵã¾ÍÊÇ·½±ã,¿Í»§¶ËʲôҲ
²»ÐèÒª°²×°¾Í¿ÉÒÔʹÓÃÎÒÃǵÄÓ¦ÓÃ.
µ±È»B/S½á¹¹µÄһЩÌصãÒ²¶Ô»ùÓÚÕâÖÖ·½Ê½Ó¦ÓõĿª·¢ºÍÉè¼Æ²úÉúÁËÓ°Ïì.
×îµäÐ͵ÄÎÊÌâ¾ÍÊÇÿ ......

jQuery AjaxÌá½»Ò³ÃæÊý¾Ý

jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤Ö ......

AJAX¿Ø¼þʹÓý̳Ì

1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸ö CollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄ templateÀï°üÀ¨Á˶ÔÆäHeaderºÍContentµÄ¶¨Òå¡£ÎÒÃÇ¿ÉÒÔÔÚºǫ́ ......

baiduÊÇÈçºÎAJAX¿çÓòµÄ

×î½ü×ö¸öÈËÍøÕ¾Óöµ½AJAX¿ç×ÓÓòÃûµÄÎÊÌâ¡£
ż¶û¿´µ½baiduµÄͨÐÐÖ¤´¦Àí¶¼ÊÇÔÚ¶þ¼¶ÓòÃûpassport.baidu.comÖд¦ÀíµÄ£¬
µ«ÊÇbaiduºÜ¶àµØ·½µÇ¼¶¼ºÃÏñÊÇÓÃajax´¦ÀíµÄ£¬ËûÊÇÔõô×öµÄÄØ£¿Ñо¿ÁËһϣ¬·¢ÏÖÒ»¸öС¼¼ÇÉ¡£
²»·ÀÈôó¼ÒÒ²½è¼øһϡ£
ÔÚhttp://zhidao.baidu.com/ δµÇ¼Óû§»Ø´ðÎÊÌâʱ»áÓÃiframeµ÷ÓÃhttp://zhidao.bai ......

Ajax ÔÚÓû§¿Ø¼þÖеÄÓ¦Óã¨ÒÔGoogle SuggestΪÀý£©

ʼþ´¥·¢£º
 <input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØʱµÄ´¦Àí
function BodyLoad()
{
HideD ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ