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">

var xmlHttp;

var clock;

function createXMLHttpRequest() {

	if (window.ActiveXObject) {

		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

	} else if (window.XMLHttpRequest) {

		xmlHttp = new XMLHttpRequest();

	}

}

function change() {

var course=$("#course").val();

var classs=$("#classs").val();

var number=$("#number").val();

var name=$("#name").val();

	createXMLHttpRequest();

	xmlHttp.open("post", "Score.action", true);

	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

	xmlHttp.onreadystatechange = onReadyState;

	xmlHttp.send("course="+course+"&classs="+classs+"&number="+number+"&name="+name+"");//提交form表单中的内容

}

function onReadyState() {

	if (xmlHttp.readyState == 4) {

		if (xmlHttp.status == 200) {

		alert(xmlHttp.responseText);

			};

	};

};

  </script>

  <form id="form" action="" enctype="application/x-www-form-urlencoded">

        <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" value="查询" onclick="change()"></th>

        </tr>

        </table>

        </form>

      <table  cellpadding="4" >

       <tr>

       <th>学号</th>

       <th>姓名</th>

       <th>班级</th>

       <th>课程</th>

       <th>成绩</th>

       </tr>

       <s:iterator value="scorelist">

       <tr >

       <td id="aa"></td>

            <td><s:property value="id.{number}.toString().substring(1,id.{number}.toString().length()-1)"/></td>

            <td><s:property value="id.{name}.toString().substring(1,id.{name}.toString().length()-1)"/></td>

            <td><s:property value="id.{classs}.toString().substring(1,id.{classs}.toString().length()-1)"/></td>

            <td><s:property value="id.{course}.toString().substring(1,id.{course}.toString().length()-1)"/></td>

            <td><br><s:property value="id.{score}.toString().substring(1,id.{score}.toString().length()-1)"/></td>

        </tr>

            </s:iterator>

    </table>

  </body>

</html>

2.action中的提交数据

 HttpServletResponse response = ServletActionContext.getResponse();

		 response.setContentType("text/html;charset=utf-8");

		 PrintWriter out = response.getWriter();

		 out.print(scorelist);//传到前台的值

		 out.flush();

		 out.close();

3.效果截图

4.用js实现感觉将list显示出来比较复杂，所以专用jquery。

js写的ajax的更多相关文章

  1. 原生JS写的ajax函数

    参照JQuery中的ajax功能,用原生JS写了一个ajax,功能相对JQuery要少很多,不过基本功能都有,包括JSONP. 调用的方式分为两种: 1. ajax(url, {}); 2. ajax ...

  2. ajax简介及JS写原生ajax

    ajax 1.什么是ajax ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 X ...

  3. js 封装原生ajax

    jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...

  4. 原生js写Ajax

    //原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...

  5. 手写原生ajax

    关于手写原生ajax重要不重要,各位道友自己揣摩吧, 本着学习才能进步,分享大家共同受益,自己也在自己博客里写一下 function createXMLHTTPRequest() { //1.创建XM ...

  6. 写一个ajax程序就是如此简单

    写一个ajax程序就是如此简单 ajax介绍: 1:AJAX全称为Asynchronous JavaScript and XML(异步JavaScript和XML),指一种创建交互式网页应用的网页开发 ...

  7. 引入js文件，ajax不执行操作

    今天写了一个页面,在页面中写的可以执行,但是放到js里面,引入到页面,ajax却不执行了,仔细一看原来是路径的原因 ${pageContext.request.contextPath} 为获取项目名称 ...

  8. JS写一个简单日历

    JS写一个日历,配合jQuery操作DOM <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...

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

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

随机推荐

  1. C# date format 使用C#格式化时间

    DateTime dt = DateTime.Now; //    Label1.Text = dt.ToString();//2005-11-5 13:21:25 //    Label2.Text ...

  2. iOS 图片轮播图（自动滚动）

    iOS 图片轮播图(自动滚动) #import "DDViewController.h" #define DDImageCount 5 @interface DDViewContr ...

  3. ORA-1034 ORACLE not available (转）

    http://blog.csdn.net/onlyone_htliu/article/details/6075150 前言 每一个DBA在进行数据库管理的过程中不可避免的要遇到形形色色的错误(ORA- ...

  4. Bitnami Redmine插件记录

    1.bitnami安装时自带了开发环境,如ruby.rails.devkit. 为了版本兼容,应使用bitnami的命令行. 2.通过use_redmine启动命令行:运行Bitnami\redmin ...

  5. ACL权限设置命令setfacl和getfacl命令

    ACL权限设置命令setfacl和getfacl命令 setfacl命令是用来在命令行里设置ACL(访问控制列表).在命令行里,一系列的命令跟随以一系列的文件名. [TOC] 选项 |参数|说明|   ...

  6. 利用反射+AOP，封装Basehandler

    AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术.AOP是OOP的延续,是软件开发中的一个热点, ...

  7. LoadRunner使用之变量参数化

    LR性能测试之参数化设置 Q:何为参数化? LR在录制程序运行的过程中,VuGen(脚本生成器) 自动生成了包含录制过程中实际用到的数值的脚本,如果你企图在录制的脚本中使用不同的数值执行脚本的活动(如 ...

  8. LINUX下查看日志

    LINUX的日志都在 /var/log 目录下:    进入此文件查看目录详情: 查看某个日志的命令: 1.cat messages可以查看某个日志文件. 2.要达到实时更新,可以通过tail命令查看 ...

  9. 【RabbitMQ】CentOS安装RabbitMQ，及简单的Java客户端连接

    在CentOS安装 因Rabbit MQ使用Erlang,所以需要先安装Erlang,安装过程中可能会遇到种种问题,可参考CentOS 6.5安装Erlang/OTP 17.0.然后就可以安装MQ了. ...

  10. shutdown的简单小应用

    关于shutdown的操作命令在此不做详细叙述 1.WIN+R ,输入cmd即打开cmd命令界面 2.输入shutdown /help,出现下图 这里介绍一个关于shutdown的小应用: 比如我们的 ...