Ajax½éÉÜ XMLHttpRequest
Ajax½éÉÜ
AJAX - ä¯ÀÀÆ÷Ö§³Ö
AJAX µÄÒªµãÊÇ XMLHttpRequest ¶ÔÏó¡£²»Í¬µÄä¯ÀÀÆ÷´´½¨ XMLHttpRequest ¶ÔÏóµÄ·½·¨ÊÇÓвîÒìµÄ¡£IE ä¯ÀÀÆ÷ʹÓà ActiveXObject£¬¶øÆäËûµÄä¯ÀÀÆ÷ʹÓÃÃûΪ XMLHttpRequest µÄ JavaScript ÄÚ½¨¶ÔÏó¡£ÈçÐèÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´´´½¨´Ë¶ÔÏó£¬ÎÒÃÇҪʹÓÃÒ»Ìõ "try and catch" Óï¾ä¡£
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
}
catch (e) {
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");// Internet Explorer 6.0+
}
catch (e) {
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");// Internet Explorer 5.5
}
catch (e) {
alert("ÄúµÄä¯ÀÀÆ÷²»Ö§³ÖAJAX£¡");
return false;}
}}
}
</script>
ÉùÃ÷Ò»¸ö±£´æ XMLHttpRequest ¶ÔÏóµÄ xmlHttp ±äÁ¿¡£È»ºóʹÓà XMLHttp=new XMLHttpRequest() À´´´½¨´Ë¶ÔÏó¡£ÕâÌõÓï¾äÕë¶Ô Firefox¡¢Opera ÒÔ¼° Safari ä¯ÀÀÆ÷¡£¼ÙÈçʧ°Ü£¬Ôò³¢ÊÔInternet Explorer 6.0+ µÄ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")£¬¼ÙÈçÒ²²»³É¹¦£¬Ôò³¢ÊÔInternet Explorer 5.5+ µÄ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")¡£¼ÙÈçÕâÈýÖÖ·½·¨¶¼²»Æð×÷Óã¬ÄÇôÕâ¸öÓû§ËùʹÓõÄä¯ÀÀÆ÷ÒѾ̫¹ýʱÁË£¬Ëû»òËý»á¿´µ½Ò»¸öÉùÃ÷´Ëä¯ÀÀÆ÷²»Ö§³Ö AJAX µÄÌáʾ¡£
AJAX - XMLHttpRequest¶ÔÏó
onreadystatechange ÊôÐÔ
onreadystatechange ÊôÐÔ´æÓд¦Àí·þÎñÆ÷ÏìÓ¦µÄº¯Êý¡£ÏÂÃæµÄ´úÂ붨ÒåÒ»¸ö¿ÕµÄº¯Êý£¬¿Éͬʱ¶Ô onreadystatechange ÊôÐÔ½øÐÐÉèÖãº
xmlHttp.onreadystatechange=function()
{
// ÎÒÃÇÐèÒªÔÚÕâÀïдһЩ´úÂë
}
readyState ÊôÐÔ
readyState ÊôÐÔ´æÓзþÎñÆ÷ÏìÓ¦µÄ״̬ÐÅÏ¢¡£Ã¿µ± readyState ¸Ä±äʱ£¬onreadystatechange º¯Êý¾Í»á±»Ö´ÐС££¨ÏêÇé²Î¼û AJAX – readyStateÏêÇ飩
״̬
ÃèÊö
Ïà¹ØÎĵµ£º
Ò».AjaxProµÄʹÓÃ
1.ÔÚÏîÄ¿ÖÐÌí¼ÓÒýÓã¬ä¯ÀÀÕÒµ½AjaxPro.2.dllÎļþ
2.ÔÚWeb.configÖеÄsystem.webÀïÃæдÈëÒÔÏ´úÂë
</configuration>
<system.web>
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
</system.web> ......
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index</title>
<meta http-equiv="pragma" content="no-cache"&g ......
AJAX ÔÚä¯ÀÀÆ÷Óë Web ·þÎñÆ÷Ö®¼äʹÓÃÒì²½Êý¾Ý´«Ê䣨HTTP ÇëÇ󣩣¬ÕâÑù¾Í¿ÉʹÍøÒ³´Ó·þÎñÆ÷ÇëÇóÉÙÁ¿µÄÐÅÏ¢£¬¶ø²»ÊÇÕû¸öÒ³Ãæ¡£
AJAX »ùÓÚ Web ±ê×¼
AJAX »ùÓÚÏÂÁÐ Web ±ê×¼£º
JavaScript
XML
HTML
CSS
ÔÚ AJAX ÖÐʹÓÃµÄ Web ±ê×¼Òѱ»Á¼ºÃ¶¨Ò壬²¢±»ËùÓеÄÖ÷Á÷ä¯ÀÀÆ÷Ö§³Ö¡£AJAX Ó¦ÓóÌÐò¶ÀÁ¢ÓÚä¯ÀÀÆ÷ºÍƽ̨¡£
Deafault. ......
function Ajax(url)
{
var m_xmlReq=null;
if(window.ActiveXObject)
{
try
{
m_xmlReq = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e)
{
try{m_xmlReq = new ActiveXObject('Microsoft.XMLHTTP');}catch(e){}
}
}
else if(window.XMLHttpRequest ......
ÎÒÓÃPHPºÍAjax½áºÏ£¬Ìí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂǰ̨ҳÃ棬Êý¾ÝûÓб仯¡£
ÎҸĶ¯PHP¶¯Ì¬½Å±¾£¬Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
ÊÇ»º´æµÄÎÊÌâ¡£
ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
²¢ÇÒÔÚÄãµÄJSÌá½»²ÎÊýÖмÓËæ»ú» ......