AJAX实例入门_[AJAX教程]_Programming skills(编程技巧)

Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)归海一刀
published in(发表于) 2014/3/16 2:51:50
AJAX实例入门_[AJAX教程]

AJAX实例入门_[AJAX教程]

最后是JSP文件：

FB

　　
　　　　background=images/bg2.gif border=0>
　　
　　
　　
　　
　　
　　

Resource Management >> New
　　Staff
　　
　　
　　
　　
　　
　　 align=center border=0>
　　
　　
　　
　　
　　
　　 Personal
　　Information
　　Last
　　Modified : 06/06/2005
　　
　　
　　
　　
　　
　　

　　name="B323252">  
　　

　　
　　
　　
　　border=0 name="DynamicTabsTable">
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　Freeborders Experience
　　
　　
　　FB Vertical Experience
　　FB Customer
　　Experience
　　
　　
　　 
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　onclick="selChange(document.forms[0].select26,document.forms[0].select27);changeSel(document.forms[0].select27,document.forms[0].select25,'0')" />
　　

　　onclick="addAll(document.forms[0].select26,document.forms[0].select27);changeSel(document.forms[0].select27,document.forms[0].select25,'0')"/>
　　

　　onclick="selChange(document.forms[0].select27,document.forms[0].select26,document.forms[0].select25,1);changeSel(document.forms[0].select27,document.forms[0].select25,'0')"/>
　　

　　onclick="addAll(document.forms[0].select27,document.forms[0].select26);changeSel(document.forms[0].select27,document.forms[0].select25,'0')"/>
　　

　　onclick="selChange(document.forms[0].select28,document.forms[0].select29);changeSel(document.forms[0].select29,document.forms[0].select30,'1')"/>
　　

　　onclick="addAll(document.forms[0].select28,document.forms[0].select29);changeSel(document.forms[0].select29,document.forms[0].select30,'1')"/>
　　

　　onclick="selChange(document.forms[0].select29,document.forms[0].select28);changeSel(document.forms[0].select29,document.forms[0].select30,'1')"/>
　　

　　onclick="addAll(document.forms[0].select29,document.forms[0].select28);changeSel(document.forms[0].select29,document.forms[0].select30,'1')"/>
　　

　　 
　　
　　
　　
　　
　　
　　
　　 
　　
　　
　　Project Experience
　　SubProject
　　Experience
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　onclick="selChange(document.forms[0].select32,document.forms[0].select33);changeSel(document.forms[0].select33,document.forms[0].select31,'2')"/>
　　

　　onclick="addAll(document.forms[0].select32,document.forms[0].select33);changeSel(document.forms[0].select33,document.forms[0].select31,'2')"/>
　　

　　onclick="selChange(document.forms[0].select33,document.forms[0].select32);changeSel(document.forms[0].select33,document.forms[0].select31,'2')"/>
　　

　　onclick="addAll(document.forms[0].select33,document.forms[0].select32);changeSel(document.forms[0].select33,document.forms[0].select31,'2')"/>
　　

　　onclick="selChange(document.forms[0].select34,document.forms[0].select35);"/>
　　

　　onclick="addAll(document.forms[0].select34,document.forms[0].select35)"/>
　　

　　onclick="selChange(document.forms[0].select35,document.forms[0].select34);"/>
　　

　　onclick="addAll(document.forms[0].select35,document.forms[0].select34)"/>
　　

　　name="B32">  
　　

　　虽然这个JSP复杂多了，但是关于AJAX的代码还是跟前面的例子一样，在这里我也就不多说了，请大家自己看。

　　好了，例子都说完了。废话也就不多说了，只说一件事：AJAX好像来势汹汹，要把我们用得极其普遍、极其习惯的Struts等的MVC开发模式取代掉一样。

　　其实，AJAX有它的优点，同样也有它的缺点。它一般用在用户不想等待返回结果的时候和复杂的UI上；其他时候，我们还是可以使用Struts等常规方法。

　　一句话，不要为了使用AJAX而使用AJAX，而是要在适合于使用AJAX的地方使用AJAX。

　　注：本文参考了一些网友的作品，不好列出参考文献，在此对他们的工作表示感谢！