Çë½Ì´óϺһ¸öajaxÖеÄÎÊÌâ
ÏÈÉÏͼ
ÈçͼËùʾ£¬ÔÚAÇøÓм¸¸ö±íµ¥£¬¸ù¾Ý±íµ¥ÄÚÈÝÌá½»ºó²éѯÊý¾Ý¿âÀïµÄÄÚÈÝ¡£Èç¹û²éѯ½á¹û²»Îª¿Õ£¬½«½á¹û·ÖÒ³ÏÔʾÔÚBÇø¡£Èç¹û²éѯ½á¹ûΪ¿Õ£¬Ôò²»ÏÔʾÈκÎÄÚÈÝ¡£
ÎÒÊǸöÐÂÊÖ£¬¿´ÁËÒ»¶Îʱ¼ä½Ì³Ì£¬Ö»ÖªµÀÓÃajax¿ÉÒÔʵÏÖ£¬µ«ÊǾßÌåµ½ÈçºÎʵÏÖ£¬»¹Çë¸ßÊÖÖ¸µãÃÔ½ò£¬Ôڴ˱íʾ¸Ðл¡£
µ½googleÖÐÕÒ¸öajaxʾÀýÒ»¿´±ãÖªµÀÁË.ÒÔÏÂÊÇÒ»¸ömootoolsµÄСÀý×Ó
HTML code:
<form name="myForm" id="myForm" action="...">
</form>
<div id="result"><div>
<script type="text/javascript">
$('myForm').addEvent('submit', function(e) {
new Event(e).stop();
this.send({
update: result,
});
});
</script>
AJAXʵÏÖ
1£©»ñÈ¡ÑéÖ¤Òª´«µÄ²ÎÊý
2£©ÓÃXMLHTTPREQUESTÌá½»²ÎÊýµ½Ö¸¶¨URL
3£©·ÖÎö·µ»ØµÄÊý¾Ý£¬¸ù¾ÝÇé¿ö×÷³öÏàÓ¦µÄ²Ù×÷
»ù±¾ËùÓеÄÇé¿ö¶¼ÊÇÕâÑù²Ù×÷ ´úÂë×Ô¼ºÐ´
¿´ÁËNÐдúÂ룬ÏÖÔÚÓеãÍ·Ð÷ÁË£¬ÏÈÉÏͼ
Õâ¸öÊÇsearch.jspÒ³Ãæ£¬Í¨¹ýajaxÇëÇóservlet¶ÁÈ¡Êý¾Ý¿âµÄ½á¹û
ÏÖÔÚ»¹ÓÐÎÊÌâÎÞ·¨½â¾ö£¬¾ÍÊÇ·ÖÒ³ÎÊÌ⣬Çë¸ßÊÖÔÙÖ¸µãһϣ¬¶àл
{{
Ïà¹ØÎÊ´ð£º
֮ǰÓöµ½Ò»¸öÎÊÌâ¡£
ÓÚÊÇ×öÁËÒÔÏÂʵÑ飺
Ò³Ãæ¼ÓÔØºó£¬Ìá½»Ò»¸öAjaxÇëÇó(ÔݳÆÎªajax1)£¬ÇëÇóµÄÏß³ÌÔÚ·þÎñÆ÷Éϱ»Ë¯Ãß10ÃëÖÓ¡£
µã»÷Ò³ÃæÉÏÒ»¸öbutton£¬´¥·¢ÁíÒ»¸öAjaxÇëÇó(ajax2)¡£
µ±Ã»ÓÐʹÓÃsession£¬ÔÚ·þÎñÆ÷δ´ ......
<script language="javascript">
var XMLHttpReq;
var cont=true;
//´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest ......
ÎÊÌâ1£ºmodalpopupÕâ¸ö¿Ø¼þÎÒËäȻͨ¹ýÀý×ÓÖªµÀËûij¸öpanelÊÇʲôÓô¦µÄ£¬µ«»¹ÊÇ´æÔÚÎÊÌ⣬
1£©ÄǸö»ÒÉ«°ë͸Ã÷ÊÇÔõô۵ģ¬ÎÒÖªµÀËûÊÇÓÃÁËcssÀïµÄÄǾä°ë͸Ã÷£¬¿ÉÊÇÎÒÔÚvs2005µÄstylesheet.cssÀïʱÕâ¾äÊÇ´íÎóµÄ£¬Óкì ......
ÀûÓÃAjax´«µÝÒ»¸ö²ÎÊýµ½getreslt.asp£¬µ«ÊÇ·¢ÏÖgetreslt.aspÓ¦¸ÃÊÇûÄÜ»ñÈ¡µ½£¬¼ì²éÁË·¢ËͲ¿·Ö£¬Ó¦¸ÃÊÇ·¢³öÈ¥Á˵쬵±Ö¸¶¨getreslt.aspµÄ²éѯÌõ¼þ£¬Ò²Äܵõ½responseµÄ½á¹û¡£Âé·³¸÷λ¿´¿´£¬Õâ¸öÊÇ·¢ËͲ¿·ÖÓÐÎÊÌ⻹ÊÇ ......
RT£¡
xmlHttpRequest.send("Ìá½»²ÎÊýÃû=Öµ&Ìá½»²ÎÊýÃû1=Öµ");
var date={"Êý¾Ý1":"Êý¾Ý1Öµ","Êý¾Ý2":"Êý¾Ý2Öµ","Êý¾Ý3":"Êý¾Ý3Öµ" ......