Jquery ajax²ÎÊýÉèÖÃ
²ÎÊýÃû
ÀàÐÍ
ÃèÊö
url
String
(ĬÈÏ: µ±Ç°Ò³µØÖ·) ·¢ËÍÇëÇóµÄµØÖ·¡£
type
String
(ĬÈÏ: "GET") ÇëÇó·½Ê½ ("POST" »ò "GET")£¬ ĬÈÏΪ "GET"¡£×¢Ò⣺ÆäËü HTTP ÇëÇó·½·¨£¬Èç PUT ºÍ Delete Ò²¿ÉÒÔʹÓ㬵«½ö²¿·Öä¯ÀÀÆ÷Ö§³Ö¡£
timeout
Number
ÉèÖÃÇëÇó³¬Ê±Ê±¼ä£¨ºÁÃ룩¡£´ËÉèÖý«¸²¸ÇÈ«¾ÖÉèÖá£
async
Boolean
(ĬÈÏ: true) ĬÈÏÉèÖÃÏ£¬ËùÓÐÇëÇó¾ùΪÒì²½ÇëÇó¡£Èç¹ûÐèÒª·¢ËÍͬ²½ÇëÇó£¬Ç뽫´ËÑ¡ÏîÉèÖÃΪ false¡£×¢Ò⣬ͬ²½ÇëÇó½«Ëø×¡ä¯ÀÀÆ÷£¬Óû§ÆäËü²Ù×÷±ØÐëµÈ´ýÇëÇóÍê³É²Å¿ÉÒÔÖ´ÐС£
beforeSend
Function
·¢ËÍÇëÇóǰ¿ÉÐÞ¸Ä XMLHttpRequest ¶ÔÏóµÄº¯Êý£¬ÈçÌí¼Ó×Ô¶¨ÒåHTTP Í·¡£XMLHttpRequest ¶ÔÏóÊÇΨһµÄ²ÎÊý¡£
function (XMLHttpRequest) {
this; // the options for this ajax request
}
cache
Boolean
(ĬÈÏ: true) jQuery 1.2 й¦ÄÜ£¬ÉèÖÃΪ false ½«²»»á´Óä¯ÀÀÆ÷»º´æÖмÓÔØÇëÇóÐÅÏ¢¡£
complete
Function
ÇëÇóÍê³Éºó»Øµ÷º¯Êý (ÇëÇó³É¹¦»òʧ°Üʱ¾ùµ÷ÓÃ)¡£²ÎÊý£ºXMLHttpRequest ¶ÔÏ󣬳ɹ¦ÐÅÏ¢×Ö·û´®¡£
function (XMLHttpRequest, textStatus) {
this; // the options for this ajax request
}
contentType
String
(ĬÈÏ: "application/x-www-form-urlencoded") ·¢ËÍÐÅÏ¢ÖÁ·þÎñÆ÷ʱÄÚÈݱàÂëÀàÐÍ¡£Ä¬ÈÏÖµÊʺϴó¶àÊýÓ¦Óó¡ºÏ¡£
data
Object,
String
·¢Ë͵½·þÎñÆ÷µÄÊý¾Ý¡£½«×Ô¶¯×ª»»ÎªÇëÇó×Ö·û´®¸ñʽ¡£GET ÇëÇóÖн«¸½¼ÓÔÚ URL ºó¡£²é¿´ processData Ñ¡Ïî˵Ã÷ÒÔ½ûÖ¹´Ë×Ô¶¯×ª»»¡£±ØÐëΪ Key/Value ¸ñʽ¡£Èç¹ûΪÊý×飬jQuery ½«×Ô¶¯Îª²»Í¬Öµ¶ÔӦͬһ¸öÃû³Æ¡£Èç {foo:["bar1", "bar2"]} ת»»Îª'&foo=bar1&foo=bar2'¡£
dataType
String
Ô¤ÆÚ·þÎñÆ÷·µ»ØµÄÊý¾ÝÀàÐÍ¡£Èç¹û²»Ö¸¶¨£¬jQuery ½«×Ô¶¯¸ù¾Ý HTTP°ü MIME ÐÅÏ¢·µ»Ø responseXML »ò responseText£¬²¢×÷Ϊ»Øµ÷º¯Êý²ÎÊý´«µÝ£¬¿ÉÓÃÖµ:
"xml": ·µ»Ø XML Îĵµ£¬¿ÉÓà jQuery ´¦Àí¡£
"html": ·µ»Ø´¿Îı¾ HTML ÐÅÏ¢£»°üº¬ script ÔªËØ¡£
"script": ·µ»Ø´¿Îı¾ JavaScript ´úÂë¡£²»»á×Ô¶¯
Ïà¹ØÎĵµ£º
Õª×Ô£ºhttp://www.ibm.com/developerworks/library/wa-aj-jsonp1/
AJAX Same-Origin Policy(SOP) limitation:
AJAX prevents cross-domail invokation, there are several ways to by pass this limitation.
1. write a proxy on the server side. The SOP limitation only exists only on the javascript si ......
$.ajax({
url: "auto_action.jsp",
type: "POST",
data: {nickName:request.term},
contentType :"application/x-www-form-urlencoded;charset=UTF-8", //¼ÓÉÏÕâ¾ä¾Í¿ÉÒÔÁË£¡
& ......
±¾ÈË×î½ü¼òµ¥Ð´ÁËÒ»¸ö¶¯Ì¬È¡Êý¾ÝµÄµÄÒ»¸öAjax·½·¨£¬Ê¹ÓÃJquery×÷Ϊ¿ò¼Ü£¬Ë¼Â·ÈçÏ£ºÊ×ÏÈÀûÓúǫ́°ÑÊý¾Ý´æÈëÒ»¸ö¼òµ¥µÄ¼Çʱ¾ÎļþÖУ¬È»ºóAjax·ÃÎÊÒ»¸öWeb Ò³Ãæ£¬WebÒ³Ãæ»ñÈ¡¼Çʱ¾ÎļþÄÚÈÝ£¬²¢·µ»ØÄÚÈݸøAjax£¬AjaxÊ×Ò³ÏÔʾÊý¾Ý¡£µ«ÊÇÓöµ½ÎÊÌâÁË£¬ÎÊÌâ¾ÍÊÇÖÐÎĵıàÂëÎÊÌâ¡£µ±ºǫ́ȡÊý¾Ý¸øAjax£¬AjaxÏÔʾÊý¾ÝµÄʱºò£¬Ô ......
1¡¢Çø¿éµÄÏÔʾÓëÒþ²Ø
ÔÚ½øÐÐajax±à³Ìʱ£¬¾³£»áÓõ½div±êÇ©¶ÔÒ³ÃæÔªËØ½øÐв¼¾Ö£¬´óÖ·½·¨ÊÇ£¬°Ñ½çÃæ·Ö×ö¼¸´ó¿é£¬ÓÐʱºòÐèÒª¸ù¾Ýµã»÷²Ëµ¥ÏÔʾÏàÓ¦µÄ¿é¼°Òþ²ØÆäËû¿é£¬Õâʱ¿É¼òµ¥ÉèÖÃdiv.style.displayΪblock½øÐÐÏÔʾ£¬div.style.dispalyΪnone½øÐÐÒþ²Ø¡£
2¡¢½çÃæÔªËØÃüÃû
&nb ......
×¢Òâ:
1¡¢<div id="iframe">ÏÔʾˢеÄÄÚÈÝ</div>
2¡¢µ÷ÓÃÒ첽ˢÐÂ:javascript:OnLink('µØÖ·')
<!--ajaxÒ첽ˢÐÂ-->
<script type="text/javascript">
//´´½¨XMLHttpRequestc¶ÔÏó
var xmlHttp=false;
//ÅжÏä¯ÀÀÆ÷
function createXMLHtt ......