关于struts2的搭建,在Struts2学习笔记(一)中已经写过了,此文简单的介绍下在struts中如何使用jQuery-ajax技术
1、在笔记一的文件上,web.xml不需要修改,只需要在struts.xml文件中添加对ajax的支持,如下:
<package name="testreg" extends="json-default">//该处的extends为json-default而不是struts-default,因此需要一个jar包,即struts2-json-plugin-2.3.16.3.jar(根据版本的不同而不同) <action name="testreg" class="com.csu.struts.action.UserAction" method="reg"> <result type="json"></result> </action> </package>
在相应的action里面添加reg()的方法,代码如下
public String reg(){ System.out.println("+1"); HttpServletResponse resp = ServletActionContext.getResponse(); try{ PrintWriter out = resp.getWriter(); out.println("{\"id\":\"1001\"}"); out.flush(); }catch(IOException e){ e.printStackTrace(); } return null; }
下载jQuery的js文件,放到WebContent下面的js(新建的)目录下,修改login.jsp代码,
引入js
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
添加一个链接
<a href=javascript:void(0) onclick="testreg();">注册</a>
新增javascript的testreg()方法,此处使用jQuery的ajax技术:
<script type="text/javascript"> function testreg(){ $.post( "testreg", function(data){ alert(data.id); }, "json" ); } </script>
这样,一个简单的jQuery-ajax技术就完成了!以后需要修改的地方也就是action里面的JSON返回值,以及javascript中的testreg()方法的回调函数function的内容!
源码:Struts_Ajax.jar