jquery AjaxÏê½â
²ÎÊý:
options
·µ»ØÖµ:
XMLHttpRequest
ʹÓÃHTTPÇëÇóÒ»¸öÒ³Ãæ¡£
ÕâÊÇjQueryµÄµÍ¼¶AJAXʵÏÖ¡£Òª²é¿´¸ß¼¶³éÏ󣬼û$.set¡¢$.postµÈ£¬ÕâЩ·½·¨¸üÒ×ÓÚÀí½âºÍʹÓᣵ«Êǹ¦ÄÜÉÏÓÐÏÞÖÆ(ÀýÈ磬ûÓдí
Îó´¦Àíº¯Êý)¡£
¾¯¸æ£ºÈç¹ûÊý¾ÝÀàÐÍÖ¸¶¨Îª"script"£¬ÄÇôPOST×Ô¶¯×ª»¯ÎªGET·½·¨¡£(ÒòΪscript»á×÷Ϊһ¸öǶÈëÒ³ÃæµÄscript±êÇ©½øÐÐÔØ
Èë)
$.ajax()º¯Êý·µ»ØËü´´½¨µÄXMLHttpRequest¶ÔÏó¡£Ôڴ󲿷ÖÇé¿öÏ£¬Äã²»ÐèÒªÖ±½Ó²Ù×÷´Ë¶ÔÏó¡£Í¨³££¬Õâ¸ö
XMLHttpRequest¶ÔÏóÖ÷ÒªÓÃÓÚÐèÒªÊÖ¶¯ÖжÏXMLHttpRequestÇëÇóµÄʱºò¡£
×¢Ò⣺Èç¹ûÄãÖ¸Ã÷ÁËÏÂÃæÁгöµÄÊý¾ÝÀàÐÍ£¬ÇëÈ·±£·þÎñ¶Ë·¢ËÍÁËÕýÈ·µÄMIMEÏìÓ¦ÀàÐÍ(Èç. xml µÄÀàÐÍÊÇ
"text/xml")¡£´íÎóµÄMIMEÀàÐÍÄܹ»µ¼Ö½ű¾³öÏÖÒâÏë²»µ½µÄÎÊÌâ¡£Çë²é¿´AJAXµÄ·¶ÀýÀ´Á˽âÊý¾ÝÀàÐ͵ĸü¶àÐÅÏ¢¡£
$.ajax()º¯ÊýÐèÒªÒ»¸ö²ÎÊý£¬Ò»¸ö°üº¬Óмü/Öµ¶ÔµÄ¶ÔÏó£¬ÓÃÓÚ³õʼ»¯²¢²Ù×÷ÇëÇó¶ÔÏó¡£
ÔÚjQuery 1.2°æ±¾ÖУ¬Èç¹ûÄãÖ¸Ã÷ÁËÒ»¸öJSONP»Øµ÷º¯Êý£¬Äã¾Í¿ÉÒÔ´ÓÆäËüµÄÓòÖÐÔØÈëJSONÀàÐ͵ÄÊý¾Ý£¬Ð´·¨ÀàËÆÓÚ
"myurl?callback=?"
¡£jQuery»á×Ô¶¯µ÷ÓÃÕýÈ·µÄ·½·¨Ãû³ÆÀ´´úÌæ²éѯ×Ö·û´®£¬Ö´ÐÐÄãÖ¸¶¨µÄ»Øµ÷º¯Êý¡£»òÕߣ¬ÄãÒ²¿ÉÒÔÖ¸¶¨jsonpµÄÊý¾ÝÀàÐ͵Ļص÷º¯Êý£¬´Ëº¯Êý»á×Ô¶¯Ìí¼Ó
µ½AjaxÇëÇóÖС£
²ÎÊýÑ¡Ïî:
async(true) Êý¾ÝÀàÐÍ: Boolean
ĬÈÏÇé¿öÏ£¬ËùÓеÄÇëÇó¶¼ÊÇÒì²½·¢Ë͵Ä(ĬÈÏΪtrue)¡£ Èç¹ûÐèÒª·¢ËÍͬ²½ÇëÇó,
ÉèÖÃÑ¡ÏîΪfalse¡£×¢Ò⣬ͬ²½ÇëÇó¿ÉÄÜ»áÔÝʱµÄËø¶¨ä¯ÀÀÆ÷, µ±ÇëÇ󼤻îʱ²»ÄܽøÐÐÈκβÙ×÷¡£
beforeSend Êý¾ÝÀàÐÍ: Function
Ò»¸öÔ¤´¦Àíº¯ÊýÓÃÓÚÔÚ·¢ËÍǰÐÞ¸ÄXMLHttpRequest¶ÔÏó£¬ÉèÖÃ×Ô¶¨ÒåÍ·²¿µÈ¡£
XMLHttpRequest×÷ΪΩһµÄ²ÎÊý±»´«µÝ¡£ÕâÊÇÒ»¸ö Ajax ʼþ¡£
function (XMLHttpRequest) {
this; // the options for this ajax request
}
cache(true) Êý¾ÝÀàÐÍ: Boolean
jQuery 1.2ÖÐÐÂÌí¼ÓµÄ²ÎÊý, Èç¹ûÉèΪfalse£¬Ôò»áÇ¿ÖÆä¯ÀÀÆ÷²»»º´æÇëÇóµÄÒ³Ãæ¡£
complete Êý¾ÝÀàÐÍ: Function
µ±ÇëÇóÍê³ÉʱִÐеĺ¯Êý(Ôڳɹ¦»òʧ°ÜÖ®ºóÖ´ÐÐ)¡£Õâ¸öº¯ÊýÓÐ2¸ö²ÎÊý:
XMLHttpRequest¶ÔÏóºÍÒ»¸öÃèÊöHTTPÏàÓ¦µÄ״̬×Ö·û´®¡£ ÕâÊÇÒ»¸ö Ajax ʼþ¡£
function (XMLHttpRequest, textStatus) {
this; // the options for this ajax request
}
contentType("application/x-www-form-urlencoded") Êý¾ÝÀàÐÍ: String
·¢Ë͵½·þÎñÆ÷µÄÊý¾ÝµÄÄÚÈÝÀàÐÍ¡£Ä¬ÈÏÊÇ "
Ïà¹ØÎĵµ£º
ÕâÀïҪ˵µÄûÓдóµÀÀí£¬Ã»ÓÐÔÀí£¬Ã»ÓиßÉîµÄ¼¼Êõ£¬Ã»ÓÐYY£¬Ö»ÊÇ×Ô¼ºµÄÒ»´Î¾Àú£¬ÈռǶøÒÑ¡£ÒÔ·ÀÒÔºóÍü¼ÇÁË£¬ÏÖÔÚдÏÂÀ´¿ÉÒÔ×÷Ϊ²Î¿¼¡£
ʱ¼ä£º5ÔÂÑ×ÈȵÄÒ»Ìì
µØµã£º3Â¥
ÈËÎÎÒ£¬µçÄÔ
½á¹û£ºÄ£ÄâÒ»¸öÍøÕ¾µÄ¾Ö²¿Ë¢Ð¹¦ÄÜ
ÉùÃ÷£ºÐÂÊÖ£¬¶ÔAjaxµÚÒ»´ÎÊ¹Ó ......
±ÈÈçÒª¸øÓû§±¨¸æÒ»¸ö´íÎó£¬ÓÃÏÂÃæµÄ·½·¨£º
ʹÓÃset_error_handlerÉèÖÃ×Ô¼ºµÄ´íÎó´¦Àíº¯Êý£¬ÔÚ±¨´íµÄµØ·½Ê¹ÓÃtrigger_error£¬ÔÚ×Ô¶¨ÒåµÄ´íÎó´¦Àíº¯ÊýÖиøÓû§ÏÔʾһ¸ö³ö´íÐÅÏ¢Ò³Ãæ¡£
µ«
ÊÇÈç¹ûµ÷ÓÃtrigger_errorµÄÕâ¸öÒ³ÃæÊDZ»Ò»´ÎajaxÇëÇó´¥·¢µÄ£¬ÄÇôajax·µ»Øºó½«µÃµ½Ò»´ó¶ÑÓÃÓÚÏÔʾ´íÎóµÄhtml´úÂë¡£¶øÒ»°ã
ajaxµ÷Óö ......
ÎÒÓÃPHPºÍAjax½áºÏ£¬Ìí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂÇ°Ì¨Ò³Ãæ£¬Êý¾ÝûÓб仯¡£
ÎҸ͝PHP¶¯Ì¬½Å±¾£¬Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
ÊÇ»º´æµÄÎÊÌâ¡£
ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
²¢ÇÒÔÚÄãµÄJSÌá½»²ÎÊýÖмÓËæ»ú» ......
Ajax½éÉÜ
AJAX - ä¯ÀÀÆ÷Ö§³Ö
AJAX µÄÒªµãÊÇ XMLHttpRequest ¶ÔÏó¡£²»Í¬µÄä¯ÀÀÆ÷´´½¨ XMLHttpRequest ¶ÔÏóµÄ·½·¨ÊÇÓвîÒìµÄ¡£IE ä¯ÀÀÆ÷ʹÓà ActiveXObject£¬¶øÆäËûµÄä¯ÀÀÆ÷ʹÓÃÃûΪ XMLHttpRequest µÄ JavaScript ÄÚ½¨¶ÔÏó¡£ÈçÐèÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´´´½¨´Ë¶ÔÏó£¬ÎÒÃÇҪʹÓÃÒ»Ìõ "try and catch" Óï¾ä¡£
<script type="t ......
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{
......