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.结果截图

jquery写的ajax的更多相关文章

  1. jQuery入门（4）jQuery中的Ajax应用

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  2. jquery.validate 的ajax验证(转)

    在做网站的时候有一块需要用到jquery.validate插件 ajax方式的方式来验证原始密码是否正确,研究了研究加上博客园朋友的帮助,终于实现了.贴出代码 <script type=&quo ...

  3. jQuery中的Ajax几种请求方式

    1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...

  4. jQuery+php实现ajax文件即时上传

    很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像.本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能,用户只需选择本地图片确定后即实现上传,并显示上传进 ...

  5. 基于JQUERY写的 LISTBOX 选择器

    本文来之于:http://blog.csdn.net/jetsteven/article/details/5104380# 1.经常用到如下图的选择器,而且要支持排序的,所以萌生用JQUERY写一个. ...

  6. jQuery中操作Ajax方法小结

    有时候,越深入去了解一个点,越发觉得自己无知,而之前当自己晓得一两个片面的点还洋洋自得,殊不知,这是多么讽刺 jQery对Ajax操作进行了封装,常见的 ajax()属于最底层的方法,使用频率很高的 ...

  7. 用jQuery写的最简单的表单验证

    近几天完成了关于我们项目的最简单的表单验证,是用jQuery写的,由于之前也一直没学过jQuery,所以自己也是一直处于边摸索边学习的阶段,经过这一段时间的学习,通过查资料啥的,也发现了学习jQuer ...

  8. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  9. 用javascript写原生ajax(笔记)

    AJAX  的全名叫做  Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并 ...

随机推荐

  1. PowerShell vs. PsExec for Remote Command Execution

    Posted by Jianpeng Mo / January 20, 2014 Monitoring and maintaining large-scale, complex, highly dis ...

  2. MVC模式

                             1.MVC的概念 1.1什么是MVC? MVC是一种架构型模式,它本身不引入新的功能,只是指导我们把web应用结构做的更加合理,实现逻辑与页面相分离. ...

  3. Dynamics AX 2012 R2 业务系列-采购业务流程

    在博文Dynamics AX R2 业务系列中,Reinhard对这个系列做了一个规划,下面我们就按照规划开始说业务吧. 国际惯例,从采购开始. 1.采购的主要职责 简单点说,采购的主要职责,是从供应 ...

  4. VS2013 添加已有文件夹

    1.将现有项目或文件夹拷贝到指定目录下 2.解决方案右上有个显示所有文件的按钮 然后选中所有要添加的文件,右击

  5. QT数据库操作

    浏览: 在QSqlQuery类中当执行exec()后会把指针放在记录集中第一个记录之上,所以需要调用QSqlQuery::next()来获取第一个数据,下面通过循环体来遍历所有表中的数据. while ...

  6. [OSG]OpenSceneGraph FAQ 以及OSG资源

    1.地球背面的一个点,计算它在屏幕上的坐标,能得到吗? 不是被挡住了吗? 答:计算一个空间点的屏幕坐标,使用osgAPEx::GetScreenPosition函数.当空间点处于相机视空间内(不管它是 ...

  7. 让你的PHP程序真正的实现多线程（PHP多线程类）

    通过WEB服务器来实现PHP多线程功能. 当然,对多线程有深入理解的人都知道通过WEB服务器实现的多线程只能模仿多线程的一些效果,并不是真正意义上的多线程. 但不管怎么样,它还是能满足我们的一些需要的 ...

  8. Uva 11248 网络扩容

    题目链接:https://vjudge.net/contest/144904#problem/A 题意:给定一个有向网络,每条边均有一个容量.问是否存在一个从点1到点N,流量为C的流.如果不存在,是否 ...

  9. mysql 替换某个字段中的某个字符

    遇到这么个情况: 比如: Msql里面的某个表的某个字段里面存储的是一个人的地址,有一天这个地址的里面的某个地 名变了,那么他的地址也就要变: 比如: 原来是: number              ...

  10. 浪潮 NF5240M3 ，NP5540M3 服务器安装2008 R2

    1,服务器系统的安装会出现错误的地方一般都是在Raid 卡驱动 略过Raid 卡配置, 具体 http://jingyan.baidu.com/article/ca41422fddfd201eae99 ...