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&
Ïà¹ØÎĵµ£º
Ajax µÄ¸ÅÄ
AjaxÌá³öÕßJesse James GarrettÔÚ¡¶Ajax:Ò»¸öWebÓ¦ÓõÄÐÂ;¾¶¡·ÖÐÌáµ½AjaxΪ“Asynchronous JavaScript + XML”µÄ¼ò³Æ£¬Ò²¾ÍÊÇÒì²½µÄJavaScriptºÍXML´¦Àí¡£
ÆäÖаüº¬£º
ÓÃXHTMLºÍCSS½øÐлùÓÚ±ê×¼µÄ±íʾ·½Ê½£º
¡¡¡¡²ÉÓÃDOM(document object model)¶¯Ì ......
AJAXÊÇAsynchronous JavaScript and XMLËõд¡£Õâ¸ö¸ÅÄî´ú±íµÄÊÇÒ»ÖÖ¼¼Êõ£¬µ±ÄúÔÚ˵“ÎÒÔÚÏîÄ¿ÖÐʹÓÃÁËAJAX¼¼Êõʱ”£¬Ö»ÊÇ´ú±íÁËÄúʹÓÿͻ§¶ËXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷¶Ë½øÐÐÒ첽ͨÐÅ¡£²»¹ýÒòÎªËæ×ÅAJAX¼¼ÊõµÄÔËÓÃÍùÍù»á´øÀ´·á¸»µÄ¿Í»§¶ËЧ¹û£¬Òò´Ë¶ÔAJAX¼¼ÊõµÄ¹ãÒåÀí½âÒ²¿ÉÒÔÈÏΪÕâÊÇÒ»ÖÖ²Ù×÷ ......
ÔÚ×öajax¼ÓÔØÒ³ÃæÊ±Óöµ½ÁËÒ»¸öÎÊÌ⣬дÔÚ±»¼ÓÔØÒ³ÃæheadÀïµÄstyle±ê¼ÇËÆºõ×ÜÊÇÎÞЧ¡£Òâʶµ½ÏÖÔÚÊÇÔÚieÖУ¬ÓÚÊÇÎÒתÏòffÖе÷ÊÔ£¬½á¹ûÔÚffÖÐÊÇÓÐЧµÄ¡£ÕâÕæÊÇÆæ¹ÖÁË£¬ÄѵÀffºÍieÔÚ¼ÓÔØÒ³ÃæÊ±Õæ»áÓв»Í¬µÄ´¦Àí·½Ê½Âð£¿ÕâÖÖ²»Í¬ÔÚʲôµØ·½ÄØ£¿
ÎÒÉè·¨²é¿´ffºÍieÖмÓÔØµ½ä¯ÀÀÆ÷µÄÔ´´úÂ룬£¨ÓõÄalert(document.getElementById(' ......
½ñÌìÓöµ½ÁËÒ»¸öÎÊÌ⣬JS²»Äܸù¾ÝAjax·µ»ØµÄDataTable¶¯Ì¬Éú³Étable,¸ñʽÈçÏ£º
[Ajax.AjaxMethod()]
public DataTable GetDataTable(string tablename)
{
DataTable Table=new DataTable();
  ......
ʹÓÃDWR¿ª·¢AjaxÓ¦Óãº
1¡¢µ¼ÈëDWRµÄJar°ü£ºdwr.jar;
2¡¢ÔÚ/WEB-INFÏÂÌí¼Ódwr.xmlÅäÖÃÎļþ£»
3¡¢ÔÚweb.xmlÎļþÖÐÅäÖÃdwrµÄ·þÎñÆ÷¶Ë×é¼þ£¨DwrServlet£©:
<!-- Ìí¼ÓDWRµÄServlet -->
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.direc ......