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ÇëÇóʱ´«µ
Ïà¹ØÎĵµ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajaxµ¯³öʾÀý-¿É¿ ......
Ä¿µÄ£ºÍ¨¹ýÒ»¸öỊ̈߳¬ÅжÏSESSIONÊÇ·ñ¹ýÆÚ£¬Èç¹û¹ýÆÚ£¬µ÷Óÿͻ§¶ËÒ³ÃæµÄJS£¬°ÑÐÅÏ¢ÍƸø¿Í»§¶Ë¡£
ÎÒÃÇÒªÈÃDWR³ÌÐòÖ§³Ö·´ÏòAJAX¡£ÐèÒªÔÚweb.xmlÖÐDWRServletÀïÌí¼ÓÒ»¸ö³õʼ»¯²ÎÊý£¬ÁíÍâÒªÅäÖÃÒ»¸ö¼àÌýÆ÷£¬ÔÚÊʺϵÄʱºò¹Ø±ÕÏ̡߳£
ÈçÏÂÊÇweb.xmlÖеÄÅäÖÃ
<listener>
< ......
AjaxPro.2.dll µÄʹÓÃʵÀý(2008-09-20 11:13:25)±êÇ©£ºajax it ·ÖÀࣺajax
×¼±¸¹¤×÷£ºÏîÄ¿ÖÐÒªÒýÓÃAjaxPro.2.dll£¬Õâ¸ö²½Öè¾ÍÊ¡ÂÔÁË£¬¹þ¹þ
µÚÒ»²½£ºweb.config
<system.web>
<httpHandlers>
<add verb ......
AJAX±íµ¥Ìá½»·½·¨£¨JSON£©
1./*****JAVA**************************************************************/
JAVAÀàÖУº
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xmlÎļþÖУº
......
½ñÌì¸ãÁËÎÒÈýËĸöСʱµÄÎÊÌ⣬ÖÕÓÚÕÒµ½½â¾ö·½°¸ÁË¡£¹þ¹þ¡£
ÔÚAjax¿ª·¢ÖУ¬»áÓöµ½ä¯ÀÀÆ÷»º´æÄÚÈݵÄÎÊÌ⣬±ÈÈ磬ij¸öÔªËØ×¢²áÁËÊó±êʼþ£¨onmouseover£©£¬Ê¼þ´¥·¢ºó»áͨ¹ýxmlhttprequestµ½·þÎñÆ÷»ñÈ¡ÄÚÈÝ£¬ÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏ£¬ä¯ÀÀÆ÷»á»º´æµÚÒ»´ÎÇëÇóµÄÄÚÈÝ£¬·þÎñ¶Ë¸üкóä¯ÀÀÆ÷ÈÔÈ»ÏÔʾµÚÒ»´ÎµÄÄÚÈÝ¡£
ͨ³££¬ÕâÖÖÇëÇó¶ ......