日期:2014-05-16 浏览次数:20447 次
??????此demo主要演示了jquery的ajax使用,采用了struts2框架,json数据格式,因此除了要导入struts2的必备jar包外,还得导入json的插件包。
?
1.首先创建一个form。
<form action="" method="post" id="loginForm"> 姓名:<input type="text" id="username" name="username"><br> 密码:<input type="password" id="password" name="password"><br> <input type="button" id="b01" value="提交"> </form>
?2.一段js代码响应form标签里的button点击事件。
<script type="text/javascript"> $(document).ready(function(){ $("#b01").click(function(){ //alert($("#username").val()); var params = $("#loginForm").serialize(); $.ajax({ type:"post", url:"login.action", data:params, dataType:"json" }); }); }); </script>
?3.配置struts.xml文件。
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <package name="" namespace="/" extends="json-default" > <action name="login" class="com.lc.Jquery_Json_Test"> <result type="json"/> </action> </package> </struts>
??4.建立action
public class Jquery_Json_Test extends ActionSupport { private String username; private String password; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } @Override public String execute() throws Exception { System.out.println("username is ......"+ username); return super.execute(); } }
?
运行,控制台可以打印出页面提交的usrname的值,演示成功。
?