此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的值,演示成功。