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
Ïà¹ØÎĵµ£º
ÎҵĴºÇï³ÕÃεڶþ²½£º
дһ¸ö ͨÓÃµÄ ¶ÔÏó ÁÐ±í £¬»¹ °üº¬ ËÑË÷ºÍ ÊôÐÔ¹ýÂË¡£
¾ßÌåµÄЧ¹ûÊÇ£º
µ±Ð ҵÎñ Ìí¼ÓÒ»¸ö ±íµÄʱºò£¬Ö»ÐèÒªÔÚ ¶ÔÏóÄ£ÐÍÀïµÄ Ìí¼ÓÒ»¸ö model
ºǫ́¼¸ºõ²»Ðèд´úÂë¡£
(ÎÒÊǺǫ́£º¼¤¶¯ÈËÐÄ£¡)
µ÷ÓõĶÔÏ󣬵ڼ¸Ò³£¬ÊôÐ﵀ ¹ýÂË ºÍËÑË÷È«ÊÇ Ç°Ì¨µÄAjax²ÎÊý¿ØÖÆ
(ÎÒÊÇǰ̨£º#$!@#$%$^#$% ......
±ÈÈçÒª¸øÓû§±¨¸æÒ»¸ö´íÎó£¬ÓÃÏÂÃæµÄ·½·¨£º
ʹÓÃset_error_handlerÉèÖÃ×Ô¼ºµÄ´íÎó´¦Àíº¯Êý£¬ÔÚ±¨´íµÄµØ·½Ê¹ÓÃtrigger_error£¬ÔÚ×Ô¶¨ÒåµÄ´íÎó´¦Àíº¯ÊýÖиøÓû§ÏÔʾһ¸ö³ö´íÐÅÏ¢Ò³Ãæ¡£
µ«
ÊÇÈç¹ûµ÷ÓÃtrigger_errorµÄÕâ¸öÒ³ÃæÊDZ»Ò»´ÎajaxÇëÇó´¥·¢µÄ£¬ÄÇôajax·µ»Øºó½«µÃµ½Ò»´ó¶ÑÓÃÓÚÏÔʾ´íÎóµÄhtml´úÂë¡£¶øÒ»°ã
ajaxµ÷Óö ......
Ajax¼¼ÊõÒѾµÃµ½ºÜ¹ã·ºµÄÓ¦Óã¬ÔÚWeb¿ª·¢ÖÐÆäºËÐľÍÔÚÓÚÒ첽ͨÐź;ֲ¿Ë¢Ð£¬¼«´óµØ¸ÄÉÆÁËÓû§ÌåÑ飬ÓÈÆäÊʺÏÓÚ¸ßÆµ¶È¡¢µÍÊý¾ÝÁ¿µÄ³¡¾°¡£ÔÚ²»Ê¹ÓÃAjaxµÄWebÓ¦ÓÃÖУ¬Ò»¸öÒ³Ãæ´¦ÀíÖÐÖ»ÓÐÒ»´ÎÇëÇ󣬿ͻ§¶Ë´¦ÀíÍêºóÒ»´ÎÐÔÌá½»£¬ÕâÖÖÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»µÄ´¦Àí¿ÉÄܱȽϺÄʱ£¬´Ó¶øÔì³É¿Í»§µÈ´ý£¬Ê¹ÓÃAjax°ÑÕâÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»·Ö ......
ajax.asp
ÏÖÔÚʱ¼äÊÇ< %=Now()%>
ajax.html
<script type="text/javascript">
function Ajax(){
var xmlHttp=null;
if(window.ActiveXObject){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
......
²ÎÊý:
options
·µ»ØÖµ:
XMLHttpRequest
ʹÓÃHTTPÇëÇóÒ»¸öÒ³Ãæ¡£
ÕâÊÇjQueryµÄµÍ¼¶AJAXʵÏÖ¡£Òª²é¿´¸ß¼¶³éÏ󣬼û$.set¡¢$.postµÈ£¬ÕâЩ·½·¨¸üÒ×ÓÚÀí½âºÍʹÓᣵ«Êǹ¦ÄÜÉÏÓÐÏÞÖÆ(ÀýÈ磬ûÓдí
Îó´¦Àíº¯Êý)¡£
¾¯¸æ£ºÈç¹ûÊý¾ÝÀàÐÍÖ¸¶¨Îª"script"£¬ÄÇôPOST×Ô¶¯×ª»¯ÎªGET·½·¨¡£(ÒòΪscript»á×÷Ϊһ¸öǶÈëÒ³ ......