jquery写的ajax
1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'Score.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/table1.css">
</head>
<body>
<script type="text/javascript">
function sub()
{
$.ajax({
url:'Score.action?'+Math.random(),
type:'POST', //GET
async:true, //或false,是否异步
data:$('#form').serialize(),//提交表单数据
timeout:5000, //超时时间
dataType:'json', //返回的数据格式：json/xml/html/script/jsonp/text
beforeSend:function(xhr){
console.log(xhr);
console.log('发送前');
},
success:function(data,textStatus,jqXHR){
$('#tb tr:not(:first)').remove();
for (var i = 0; i < data.length; i++) {
$('#tb').append('<tr><td>' + data[i].id.number + '</td><td>' + data[i].id.name + '</td><td>'
+ data[i].id.classs + '</td><td>' + data[i].id.course + '</td><td>' + data[i].id.score + '</td></tr>');
}
console.log(data);
console.log(textStatus);
console.log(jqXHR.responseText);
},
error:function(xhr,textStatus){
console.log('错误');
console.log(xhr);
console.log(textStatus);
},
complete:function(){
console.log('结束');
}
});
}
</script>
<form id="form" action="" >
<table>
<tr>
<th>课程<input name="course" id="course" type="text" size="10"></th>
<th>班级<input name="classs" id="classs" type="text"></th>
<th>学生学号<input type="text" id="number" name="number"></th>
<th>学生姓名<input type="text" id="name" name="name"></th>
<th><input type="button" id="submit" value="查询" onclick="sub()"></th>
</tr>
</table>
</form>
<table id="tb" cellpadding="4">
<tr>
<th>学号</th>
<th>姓名</th>
<th>班级</th>
<th>课程</th>
<th>成绩</th>
</tr>
</table>
</body>
</html>
2.action（必须有set和get）
public String execute() throws Exception{
if(classs.length()>0){
if(course.length()>0){
scorelist=mgr.findScoreByClassandCourse(classs, course);//一个班的某一科成绩
}
else{
scorelist=mgr.findScoreByClass(classs);//一个班的所有成绩
}
}
else if(number.length()>0){
if(course.length()>0){
scorelist=mgr.findScoreByNumberandCourse(number, course);//一个人的某一科成绩
}
else{
scorelist=mgr.findScoreByNumber(number);//一个人的所有成绩
}
}
else if(name.length()>0){
if(course.length()>0){
scorelist=mgr.findScoreByNumberandCourse(number, course);//一个人的某一科成绩
}
else{
scorelist=mgr.findScoreByName(name);//一个人的所有成绩
}
}
else if(course.length()>0){
scorelist=mgr.findScoreByCourse(course);
}
else {
scorelist.clear();
}
return SUCCESS;
}
3.struts.xml
<package name="aaa" extends="json-default">
<action name="Score" class="ScoreAction"> <result name="success" type="json"> <param name="root">scorelist</param> </result></action>
4.结果截图
