jQueryÖ®Ajax·½·¨
1 . jQuery°ïÖúÖ®AjaxÇëÇó£¨Ò»£©jQuery.ajax(options)
Òý×Ô:http://www.flywe.net/article/javascript/jQuery_ajax.html
jQuery.ajax(options)
ͨ¹ý HTTP ÇëÇó¼ÓÔØÔ¶³ÌÊý¾Ý¡£
jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£
$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
$.ajax() Ö»ÓÐÒ»¸ö²ÎÊý£º²ÎÊý key/value ¶ÔÏ󣬰üº¬¸÷ÅäÖü°»Øµ÷º¯ÊýÐÅÏ¢¡£Ïêϸ²ÎÊýÑ¡Ïî¼ûÏ¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤ÖªµÄ´íÎó¡£¼û Specifying the Data Type for AJAX Requests ¡£
×¢Ò⣺Èç¹ûdataTypeÉèÖÃΪ"script"£¬ÄÇôËùÓеÄÔ¶³Ì(²»ÔÚͬһÓòÃûÏÂ)µÄPOSTÇëÇó¶¼½«×ª»¯ÎªGETÇëÇó¡£(ÒòΪ½«Ê¹ÓÃDOMµÄscript±êÇ©À´¼ÓÔØ)
jQuery 1.2 ÖУ¬Äú¿ÉÒÔ¿çÓò¼ÓÔØ JSON Êý¾Ý£¬Ê¹ÓÃʱÐ轫Êý¾ÝÀàÐÍÉèÖÃΪ JSONP¡£Ê¹Óà JSONP ÐÎʽµ÷Óú¯Êýʱ£¬Èç "myurl?callback=?" jQuery ½«×Ô¶¯Ìæ»» ? ΪÕýÈ·µÄº¯ÊýÃû£¬ÒÔÖ´Ðлص÷º¯Êý¡£Êý¾ÝÀàÐÍÉèÖÃΪ "jsonp" ʱ£¬jQuery ½«×Ô¶¯µ÷Óûص÷º¯Êý¡£
·µ»ØÖµ£ºXMLHttpRequest
²ÎÊý£ºoptions (¿ÉÑ¡) : AJAX ÇëÇóÉèÖá£ËùÓÐÑ¡Ïî¶¼ÊÇ¿ÉÑ¡µÄ¡£
Ñ¡Ï
async (Boolean) : (ĬÈÏ: true) ĬÈÏÉèÖÃÏ£¬ËùÓÐÇëÇó¾ùΪÒì²½ÇëÇó¡£Èç¹ûÐèÒª·¢ËÍͬ²½ÇëÇó£¬Ç뽫´ËÑ¡ÏîÉèÖÃΪ false¡£×¢Ò⣬ͬ²½ÇëÇó½«Ëø×¡ä¯ÀÀÆ÷£¬Óû§ÆäËü²Ù×÷±ØÐëµÈ´ýÇëÇóÍê³É²Å¿ÉÒÔÖ´ÐС£
beforeSend (Function) : ·¢ËÍÇëÇóǰ¿ÉÐÞ¸Ä XMLHttpRequest ¶ÔÏóµÄº¯Êý£¬ÈçÌí¼Ó×Ô¶¨Òå HTTP Í·¡£XMLHttpRequest ¶ÔÏóÊÇΨһµÄ²ÎÊý¡£Ajax ʼþ¡£
³ÌÐò´úÂë
function (XMLHttpRequest) {
this; // µ÷Óñ¾´ÎAJAXÇëÇóʱ´«µ
Ïà¹ØÎĵµ£º
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
......
JavaScript ¼òµ¥Àí½âAjaxÒì²½µ÷ÓòÙ×÷µÄÎÄÕ¡£
ÎÄÕµØÖ·£ºhttp://www.soaspx.com/dotnet/ajax/javascript/javascript_20090915_349.html
ÕâÆªÎÄÕÂÊÇÀí½âAjax¼¼ÊõµÄ¼òµ¥Àý³Ì£¬Í¦¼òÃ÷¶óÒª£¬ºÜÈÝÒ×Àí½â¡£
AjaxÌṩÓë·þÎñÆ÷Ò첽ͨÐŵÄÄÜÁ¦£¬½èÖúÓÚAjax£¬¿ÉÒÔÔÚÓû§µ¥»÷°´Å¥Ê±£¬Ê¹ÓÃJavaScriptºÍ DHTMLÁ¢¼´¸üÐÂUI£¬²¢Ïò·þÎñÆ÷ ......
Ä¿µÄ£ºÍ¨¹ýÒ»¸öỊ̈߳¬ÅжÏSESSIONÊÇ·ñ¹ýÆÚ£¬Èç¹û¹ýÆÚ£¬µ÷Óÿͻ§¶ËÒ³ÃæµÄJS£¬°ÑÐÅÏ¢ÍÆ¸ø¿Í»§¶Ë¡£
ÎÒÃÇÒªÈÃDWR³ÌÐòÖ§³Ö·´ÏòAJAX¡£ÐèÒªÔÚweb.xmlÖÐDWRServletÀïÌí¼ÓÒ»¸ö³õʼ»¯²ÎÊý£¬ÁíÍâÒªÅäÖÃÒ»¸ö¼àÌýÆ÷£¬ÔÚÊʺϵÄʱºò¹Ø±ÕÏ̡߳£
ÈçÏÂÊÇweb.xmlÖеÄÅäÖÃ
<listener>
< ......
jQueryÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿ ......
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="Ìá½»"/>
<script type="text/javascript">
function test(){
var valid = {
& ......