¹ØÓÚstruts2ÖÐajax±êÇ©µÄÒ»µãѧϰ±Ê¼Ç
ÆäʵajaxµÄ¶«Î÷²»ÊǺÜÊìϤ£¬¶øÇÒ¶ÔÓÚjavascriptÕâÑùÁãËéµÄÓïÑÔʵÔÚÊǺܿ¹¾Ü¡£ÓÚÊǹýÈ¥Ò»Ö±¶¼ÌÓ±ÜËü£¬ÆÈÓÚÏîÄ¿µÄѹÁ¦£¬²»µÃÒÑΩÓÐÓ²ÅöÓ²ÁË¡£ÎªÁË¿ìËÙÉÏÊÖ£¬Ö®Ç°×öÁ˼¸¸öСʵÑ飬´úÂëʵÔÚÌ«¶àÁË¡£ÐÒºÃstruts2ÌṩÁËһЩajaxµÄ¼òÒ×ʵÏÖ¡£
¸úÍøÉÏËùÓеĽ̳ÌÒ»Ñù£¬ÏÈ´Ó×î¼òµ¥µÄ¿ªÊ¼°É~
ÔÚÍ·½áµã¼ÓÉÏ<s:head theme="ajax"/>
È»ºó
<s:url id="requesturl" value="/get.action"></s:url>
<s:div id="information" theme="ajax"></s:div>
<s:a targets="information" theme="ajax" href="%{requesturl}" mce_href="%{requesturl}">»ñÈ¡ÐÅÏ¢</s:a>
·þÎñÆ÷¶ËµÄ´úÂëÎҾͲ»Ð´ÁË£¬´óͬСÒì¡£·µ»ØµÄ¿ÉÒÔÊÇÈκζ«Î÷£¬¸÷ÖÖ±íµ¥¡¢±í¸ñ¡¢Í¼Ê²Ã´µÄ£¬¾ßÌåÒª¿´ÄãÇëÇóµÄÊÇʲô¡£·µ»ØµÄ×ÊÔ´»áÖ±½ÓÏÔʾÔÚinformationµÄdivÖС£ÕâÀïÓиöСÎÊÌâҪעÒ⣬requesturlÖеÄvalueÖµ±ØÐëÊÇ/*.actionµÄÐÎʽ£¬¶ø²»ÄÜÊÇstruts.xmlÖеĶÔÓ¦µÄactionÃû³Æ¡£
¹ØÓÚÆäËûµÄÊôÐԾͲ»ÊµÑéÁË¡£
½ÓÏÂÀ´¼ÓÉÏÒ»µãjavascriptµÄ²Ù×÷£¬ÓÃÎı¾°´Å¥²Ù×÷·µ»Ø×ÊÔ´µÄÏÔʾºÍÒþ²Ø¡£
ÓÚÊǺÜ×ÔÈ»µÄÏëµ½ÕâÑùд£º
<mce:script type="text/javascript"><!--
function hide(var i){
document.getElementById(i).style.display="none";
}
// --></mce:script>
È»ºó°ÑdivµÄidÖµ´«½øÈ¥£¬Íê³É£¡µ«ÊÇʧ°Ü¡£¡£Õâ¸öº¯ÊýÍêȫִÐв»ÁË¡£
Õâ¸öÎÊÌâÀ§ÈÅÁËÎҺܾã¬ÎÒ³¢ÊÔÁ˸÷ÖÖ¸÷ÑùµÄ·½·¨£¬×îºó·¢ÏÖ£¬javascriptµÄº¯Êý´«Öµ»úÖÆ¸úƽʱдµÄC++ºÍJAVAÊÇÓÐÇø±ðµÄ¡£
ÔÚÉÏÃæµÄ´úÂëÖÐÖ»Òª¸Ä³Éfunction hide(i){...}¾Í¿ÉÒÔÖ´ÐÐÁË¡£
ΪʲôÕâÑùÄØ£¿
ÔÀ´µÄ´úÂë´ó¸ÅÀàËÆÓÚjavaÖеÄString newcopy = prototype.clone();
¸Ãº¯ÊýÐÂÉêÇëÁËÒ»¸öµØÖ·²¢½ÓÊÜÁËÓë¸Ã²ÎÊýµÈÖµµÄÖµ£¬Òò´ËgetElementById()È¥ÁËÁíÍâÒ»¸öµØÖ·Ñ°Õҽڵ㣬¶øÄÇÀïûÓÐÎÒÃÇÒª²Ù×÷µÄ½Úµã£¬ÓÚÊǵ÷Óøú¯ÊýµÄʱºòû·´Ó¦¡£囧£¬ÖªÊ¶»¹µÃϵͳµÄѧ²ÅÐУ¬°ëͰˮ̫ΣÏÕÁË¡£
ÁíÍâ¹ØÓÚonclickÖеĺ¯Êýµ÷ÓÃÒ²ÓÐÒ»¸öÈÝÒ×ÊèºöµÄµØ·½£¬±ÈÈçÓиö<div id="a"></div>£¬´«ÖµµÄʱºòÓ¦¸ÃÊÇhide('a')¶ø²»ÊÇhide(a)£¬Ò²ÊǸöÀ§ÈÅÁËÎҺܾõĵͼ¶ÎÊÌâ¡£¡£
Ïà¹ØÎĵµ£º
À´Ô´£ºhttp://developer.51cto.com/art/200906/129502.htm
±¾ÎĽéÉÜÁËËÄÖÖÁ÷ÐеÄAJAX¿ò¼Ü£¬°üÀ¨¼ò½àµÄjQuery£¬ÃæÏò¶ÔÏóµÄ
Mootools£¬ÓµÓÐÇ¿´óÖ§³ÖµÄDojo£¬ÒÔ¼°×é¼þ»¯£¬RIA»¯µÄExt JS¡£
AJAX
ÊÇweb20
µÄ»ùʯ£¬ÏÖÔÚÍøÉÏÁ÷Ðм¸ÖÖ¿ªÔ´µÄ
AJAX¿ò¼Ü£¬±ÈÈ磺jQuery,Mootools,Dojo,Ext JSµÈµÈ£¬ÄÇôÎÒÃǵ½µ×ÔÚʲôÇé¿öϸÃÊ¹Ó ......
<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){ //Jquery Ò³Ãæ¼ÓÔØÊ¼þ£¬µ±Ò³Ãæ¼ÓÔØÖ®ºóÊ× ......
×î½ü£¬Ð´Á˸öajax³ÌÐò¡£ÊµÏÖÁ˶¨Î»µØÍ¼£¬ÒòΪÁËajaxµÄ¶¯Ì¬ÇëÇó£¬ËùÒÔ£¬µØÍ¼ÊÇʵʱɨÃèµÄ£¬µ«ÊÇ£¬ÎÊÌâÀ§»óÁ˰ë¸öÔ£¬½ñÌìÔÚºÍѧ³¤ÁÄÌìµÄʱºò£¬ÖÕÓÚÏëÇå³þÁË¡£
ajaxÔÚ±¾³ÌÐòÖеÄÈÎÎñ¾ÍÊǶ԰˸ö¶Á¿¨Æ÷µã½øÐж¯Ì¬ÇëÇóÊý¾Ý¿âÊý¾Ý£¬È»ºó£¬¸ù¾ÝÊý¾Ý¿âË÷ÒýÊýɨÃèµØÍ¼ÉϸõãµÄ ......
$.ajax({
type: "POST", //·ÃÎÊWebServiceʹÓÃPost·½Ê½ÇëÇó
......