ajax XMLHttpRequest.readyStateÖÐStateµÄ"S"Òª´óд
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<mce:script type ="text/javascript" language ="javascript" ><!--
var req; //¶¨Òå±äÁ¿£¬ÓÃÀ´´´½¨xmlhttprequest¶ÔÏó
function creatReq() // ´´½¨xmlhttprequest,ajax¿ªÊ¼
{
var url="events_msg"; //ÒªÇëÇóµÄ·þÎñ¶ËµØÖ·
if(window.XMLHttpRequest) //·ÇIEä¯ÀÀÆ÷¼°IE7(7.0¼°ÒÔÉϰ汾)£¬ÓÃxmlhttprequest¶ÔÏó´´½¨
{
req=new XMLHttpRequest();
}
else if(window.ActiveXObject) //IE(6.0¼°ÒÔϰ汾)ä¯ÀÀÆ÷ÓÃactivexobject¶ÔÏó´´½¨,Èç¹ûÓû§ä¯ÀÀÆ÷½ûÓÃÁËActiveX,¿ÉÄÜ»áʧ°Ü.
{
req=new ActiveXObject("Microsoft.XMLHttp");
}
if(req) //³É¹¦´´½¨xmlhttprequest
{
req.open("GET",url,true); //Óë·þÎñ¶Ë½¨Á¢Á¬½Ó(ÇëÇó·½Ê½post»òget£¬µØÖ·,true±íʾÒì²½)
req.onreadystatechange = callback; //Ö¸¶¨»Øµ÷º¯Êý
req.send(null); //·¢ËÍÇëÇó
}
}
function callback() //»Øµ÷º¯Êý£¬¶Ô·þÎñ¶ËµÄÏìÓ¦´¦Àí£¬¼àÊÓresponse״̬
{
alert(req.readyState)
if(req.readyState==4) //ÇëÇó״̬Ϊ4±íʾ³É¹¦
{
if(req.status==200) //http״̬200±íʾOK
{
Dispaly(); //ËùÓÐ״̬³É¹¦£¬Ö´Ðд˺¯Êý£¬ÏÔʾÊý¾Ý
}
else //http·µ»Ø×´Ì¬Ê§°Ü
{
alert("·þÎñ¶Ë·µ»Ø×´Ì¬" + req.statusText);
}
}
else //ÇëÇó״̬»¹Ã»Óгɹ¦£¬Ò³ÃæµÈ´ý
{
document.getElementById("myTime").innerHTML="Êý¾Ý¼ÓÔØÖÐ";
}
}
function Dispaly() //½ÓÊÜ·þÎñ¶Ë·µ»ØµÄÊý¾Ý£¬¶ÔÆä½øÐÐÏÔʾ
{
document .getElementById ("myTime").innerHTML =req.responseText;
}
// --></mce:script&
Ïà¹ØÎĵµ£º
±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest
ÀàÌ ......
Accordion¿Ø¼þʱµÄ³£ÓÃÊôÐÔ±êÇ©
ÊôÐÔ±êÇ©Ãû Ãè¡¡¡¡Êö
SelectedIndex ¸Ã¿Ø¼þ³õ´Î¼ÓÔØÊ±Õ¹¿ªµÄAccordionPaneÃæ°åµÄË÷ÒýÖµ
HeaderCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄ±êÌâÇøÓòËùÓ¦ÓõÄCSS Class
ContentCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄÄÚÈÝÇøÓòËùÓ¦ÓõÄCSS Class
AutoSize Ô ......
À´Ô´£ºhttp://developer.51cto.com/art/200906/129502.htm
±¾ÎĽéÉÜÁËËÄÖÖÁ÷ÐеÄAJAX¿ò¼Ü£¬°üÀ¨¼ò½àµÄjQuery£¬ÃæÏò¶ÔÏóµÄ
Mootools£¬ÓµÓÐÇ¿´óÖ§³ÖµÄDojo£¬ÒÔ¼°×é¼þ»¯£¬RIA»¯µÄExt JS¡£
AJAX
ÊÇweb20
µÄ»ùʯ£¬ÏÖÔÚÍøÉÏÁ÷Ðм¸ÖÖ¿ªÔ´µÄ
AJAX¿ò¼Ü£¬±ÈÈ磺jQuery,Mootools,Dojo,Ext JSµÈµÈ£¬ÄÇôÎÒÃǵ½µ×ÔÚʲôÇé¿öϸÃÊ¹Ó ......
µ±ÏÂÊ¢ÐеÄAjax
ÏÖÔÚAjax¿ò¼ÜÊý²»Ê¤Êý£¬AjaxµÄ¹¦ÄÜҲ̫ÅÓ´óµÄÒÔÖÁÓÚËüÁ¬ËüµÄ¸¸±²Javascript¶¼´ø¶¯ÆðÀ´ÁË£¬¼ÇµÃÎÒ×î³õ½Ó´¥webµÄʱºòJavascript»¹Ã»µ½´ïÓÐÏÖÔڵĸ߶ȣ¬Èç½ñËæ×ſͻ§ÌáÐÑÔ½À´Ô½ÖØÒª£¬ºÜ¶àÈí¼þ¿ª·¢²¢²»½ö½öÍ£ÁôÔÚ¹¦ÄÜʵÏÖµÄÒªÇóÉÏ£¬¶øÊǸü×¢ÖØ½»»¥¡¢·ÖÏíºÍ»¥¶¯£¨ÕâÒ²ÊÇw ......