ajax»ù´¡¶ÁÊé±Ê¼Ç µÚÒ»ÕÂ
1¡¢XMLHttpRequest¶ÔÏóµÄ´´½¨
ÓÉÓÚ ²»ÊÇw3c±ê×¼£¬ËùÒÔʹÓÃJavascript´´½¨Ö®µÄ·½·¨Ò²²»Í¬£¡Internet explorer °ÑXMLHttpRequestʵÀý»¯Îª ActiveX¿Ø¼þ£¬È»¶ø ÆäËûµÄä¯ÀÀÆ÷£¨FireFox£¬opera£©°ÑXMLHttpRequestʵÀý»¯Îª±¾µØµÄJavaScriptÒ»¸ö¶ÔÏó
ËùÒÔ Ö»ÒªÈ·¶¨ÊÇ·ñ Ö§³Ö ActiveX¿Ø¼þ¶ÔÏ󣡣¡Èç¹ûÖ§³ÖÔò´´½¨ActiveX¿Ø¼þ£¡ Èç¹û²»Ö§³Ö£¬Ôò´´½¨ ±¾µØµÄJavascript¶ÔÏó
ÏÂÃæÒ»¸ö´úÂ룺
var xmlHttp£»
function createXMLHttpRequest£¨£©
{
if(window.ActiveXObject) //ÔòʹÓõÄÊÇInternet explorer ä¯ÀÀÆ÷
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
}
2 XMLHttpRequest ¶ÔÏóµÄ·½·¨
Ò»£ºopen(String method ,String URL,boolean )
method ÊDZíʾ Ìá½»Êý¾ÝµÄ·½·¨£ºget post put
URLÊÇÌá½»µÄÍøÖ·
ÏÂÃæµÄBoolean ÊÇ·ñÉèÖÃΪÒì²½£¬Ò»°ã ÉèÖÃΪtrue ÒòΪÕâÕýÊÇ AjaxµÄÌØ³¤
Èç¹ûÕâ¸ö²ÎÊýÉèÖÃΪfalse ÄÇ´¦ÀíµÄÇëÇó»áÒ»Ö±µÈ´ý£¬ÖªµÀÔ¶³ÌµÄ·þÎñÆ÷·µ»ØÏìÓ¦£¡£¡
¶þ; send (content)
Ïò·þÎñÆ÷·¢ËÍÇëÇó¡£Èç¹û±»ÉùÃ÷Ϊ Òì²½µÄ ¡£ÄÇËû»áÁ¢¼´·µ»Ø£¡·ñÔòÖªµÀ ·þÎñÆ÷ ·µ»ØÏìÓ¦
²ÎÊý¿ÉѡΪ DOMµÄʵÀý¶ÔÏó ×Ö·û´® Á÷
Èý£º
setRequestHeader£¨String Header£¬String Value£©
ÉèÖÃhttpÇëÇó
ËÄ;
abort()ÖÕÖ¹ÇëÇó
Îå:
getAllResponseHeaders()
·µ»ØËùÓÐÏìÓ¦µÄÊײ¿
getAllResponseHeader(String name)
ÁíÍ⻹ÓÐЩÊôÐÔ
onreadystatechange
ÿ¸ö״̬¸Ä±äʱ¶¼»á´¥·¢Õâ¸öʼþ´¦ÀíÆ÷£¬Í¨³£»áµ÷ÓÃÒ»¸öJavaScriptº¯Êý£¨¿ÉÒÔ×Ô¶¨Ò壩
readyState
ÇëÇóµÄ״̬¡£ÓÐ5¸ö¿Éȡֵ£º0 = δ³õʼ»¯£¬1 = ÕýÔÚ¼ÓÔØ£¬2 = ÒѼÓÔØ£¬3 = ½»»¥ÖУ¬4 = Íê³É
responseText
·þÎñÆ÷µÄÏìÓ¦£¬±íʾΪһ¸ö´®
responseXML
·þÎñÆ÷µÄÏìÓ¦£¬±íʾΪXML¡£Õâ¸ö¶ÔÏó¿ÉÒÔ½âÎöΪһ¸öDOM¶ÔÏó
status
·þÎñÆ÷µÄHTTP״̬Â루200¶ÔÓ¦OK£¬404
Ïà¹ØÎĵµ£º
¹ØÓÚajaxµÄÃû×Ö
ajax µÄÈ«³ÆÊÇAsynchronous JavaScript and XML£¬ÆäÖУ¬Asynchronous ÊÇÒì²½µÄÒâ˼£¬ËüÓбðÓÚ´«Í³web¿ª·¢ÖвÉÓõÄͬ²½µÄ·½Ê½¡£
¹ØÓÚͬ²½ºÍÒì²½
Òì²½´«ÊäÊÇÃæÏò×Ö·ûµÄ´«Ê䣬ËüµÄµ¥Î»ÊÇ×Ö·û£»¶øÍ¬²½´«ÊäÊÇÃæÏò±ÈÌØµÄ´«Ê䣬ËüµÄµ¥Î»ÊÇè壬Ëü´«ÊäµÄʱºòÒªÇó½ÓÊÜ·½ºÍ·¢ËÍ·½µÄʱÖÓÊ ......
var http_request;
function find(txt) {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
http_request.onreadystatechange = function() {
&n ......
1£ºAjax¿ÉÒÔͨ¹ýJavaScriptµÄXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷½øÐÐͨÐÅ£¬Í¨¹ýXMLHttpRequest£¬JavaScript¿ÉÒÔÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÏÂÓë·þÎñÆ÷½øÐÐͨÐÅ¡£
2£ºXMLHttpRequest ä¯ÀÀÆ÷Ö§³Ö
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
xmlHtt ......
ÎÒÓÃPHPºÍAjax½áºÏ£¬Ìí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂÇ°Ì¨Ò³Ãæ£¬Êý¾ÝûÓб仯¡£
ÎҸ͝PHP¶¯Ì¬½Å±¾£¬Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
ÊÇ»º´æµÄÎÊÌâ¡£
ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
²¢ÇÒÔÚÄãµÄJSÌá½»²ÎÊýÖмÓËæ»ú» ......