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)¶¯Ì ......
¼òµ¥µÄExt.Ajax. requestʾÀý
var requestConfig = {
url :'loginServer.jsp',//ÇëÇóµÄ·þÎñÆ÷µØÖ·
params : {userName : 'tom',password : '123'},//ÇëÇó²ÎÊý ......
ÒòΪAJAXĬÈϵÄÊÇUTF-8£¬ËùÒÔ½«JSPÒ³ÃæºÍºǫ́servletµÄ±àÂë¸ñʽ¶¼ÉèÖÃΪUTF-8×îºÃ£¬Ò²ÓÐÀûÓÚÒÔºóµÄÀ©Õ¹¡£
È»ºóÔÚ¶ÔÓ¦µÄ¸ñʽÏÂÃæ£¨dopost»òÕßdoget£©£¬¼ÓÉÏÕ⼸¾ä
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("UTF-8");
±¾ÈËÇײ⣬µ¯³öµ ......
À´Ô´£º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 ......