现在jquery是一个很流行的框架,因为它可以不必刷新页面,而执行各种操作,给用户一个良好的体验。这几天试着用着做了下,发现效果还不错,实现了登录,加载数据至表格,删除某行数据,修改数据并更新提交。有错误之处还望指出
jsp页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn_login").click(function() {
var name=$("#loginName").val();
var password=$("#password").val();
$.ajax({
type:"post",
datatype:"json",
url:"Login.action",
data:({"loginName" : name,"password" :password}),
success:function(data){
$("#result").html("欢迎您:"+data);
}
});
});
});
</script>
</head>
<body>
<span>用户名:</span>
<input type="text" id="loginName" name="loginName">
<br />
<span>密码:</span>
<input type="password" name="password" id="password">
<br />
<input type="button" id="btn_login" value="Login" />
<p>
这里显示ajax信息: <br /> <span id="result"></span>
</p>
</body>
</html>
LoginAction
package com.action;
import java.util.HashMap;
import java.util.Map;
import com.opensymphony.xwork2.ActionSupport;
public class LoginAction extends ActionSupport {
private static final long serialVersionUID = 1L;
private String loginName;
private String password;
private String result;
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
public String getLoginName() {
return loginName;
}
public void setLoginName(String loginName) {
this.loginName = loginName;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
@Override
public String execute() throws Exception {
Map<String, String> map = new HashMap<String, String>();
map.put("name", loginName);
result =map.get("name");
return SUCCESS;
}
}
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="default" extends="json-default" >
<action name="Login" class="com.action.LoginAction">
<result type="json">
<param name="root">result</param>
</result>
</action>
</package>
</struts>
引入的jar包,这里我用struts2.3.4