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. Qt之Qprocess

    QProcess 可用于完成启动外部程序,并与之交互通信. 一.启动外部程序的两种方式 1)一体式:void QProcess::start(const QString & program,c ...

  2. Ideas about the future of management

    1. Business markets a. greater competition among companies b. increase in power of global companies ...

  3. oracle中scn（系统改变号）

    系统scn:                 select checkpoint_change# from v$database; 文件scn:                 select name ...

  4. python函数基础 与文件操作

    函数的定义 函数是通过赋值传递的,参数通过赋值传递给函数.def语句将创建一个函数对象并将其赋值给一个变量名,def语句的一般格式如下: def function_name(arg1,arg2[,.. ...

  5. Oracle Contact By的使用

    1.概述 Oracle “CONNECT BY”是层次查询子句,一般用于树状或者层次结果集的查询 2.使用方式 2.1.通过Connect by 生成序列 Oracle 构造一个月份的天数 ) s_d ...

  6. 点击区域外隐藏该区域，event.stopPropagation()

    event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing an ...

  7. 电脑装的是office2013，右键新建却是2007,或者右键新建菜单中没有excel2013问题解决办法。

    我的office出现了两个问题,因为工作比较忙,也没有着急解决,今天实在受不了了,花费一下午才找到解决方法. 原来万恶之源都是可恶的wps,以后千万不安装kingsoft了. 第一个问题:excel打 ...

  8. .md文件的语法

    md全称是Macdown,.md文件可以当记事本一样使用,作为编辑软件,还可以自己添加样式,图片,链接等,可以用记事本打开,也可以保持样式排版转换为html文件,语法比较简单..md除了编辑容易的优势 ...

  9. Android ProgressBar分析及自定义ProgressBar

    ProgressBar是在执行耗时操作时的一种人性化设计.分为两种形式:转圈的,能显示进度的. 而能取决于是什么样式的PregressBar,当然就是PregressBar的样式啦~ Widget.P ...

  10. Program.cs

    Program.cs using System; namespace HelloWorld { class Program { [STAThread] static void Main(string[ ...