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. CEGUI0.8.4引入到自己工程中

    首先要确定你的CEGUI已经完全编译好,若未进行这一步请参照http://www.cnblogs.com/wenguang1996/p/5027522.html 打开VS2012新建C++工程,然后添 ...

  2. quick-cocos2d-x :加入精灵背景

    最近几天都在学习 quick  找例子学习. 一直也没什么好的. 并且 还不会 lua .学习学习 突突突 官方文档上的打地鼠 都没了. 不知道为什么链接不好使. 好吧 那么今天就先做一个简单的 例子 ...

  3. php常用函数time

    string date( string format [, int timestamp] )    参数 format 表示时间格式化的方式,可能的方式如下:    格式化方式     说明    Y ...

  4. C# 获取当前路径7种方法

    //获取模块的完整路径. string path1 = System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName; //获取 ...

  5. Android 隐藏关闭软键盘

    直接复制代码就可以用 InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVI ...

  6. PL/SQL Developer连接Oracle 11g在Win8 64位系统下乱码

    PL/SQL Developer在64位系统上连接Oracle,需要安装32位Oracle client客户端,使用后,发现操作数据库出现乱码的情况.经过查找资料,解决此问题,方法如下: 需要在系统的 ...

  7. animate动画jquery

    <script> $(".change").animate({height:"hide",width:"300px"},&quo ...

  8. nodejs学习笔记二：解析express框架项目文件

    上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...

  9. C语言-《通讯录》

    黑白的通讯录 --1-- 需求分析 1.1 需求 1.2 原型展示 1.3 功能分析 --2-- 代码实现 2.1 外部声明.变量.宏 2.2 模块实现 ----------------------- ...

  10. VS2012一打开就停止工作的解决方法

    昨天刚装好VS2012,用得好好的,嘿,今早儿 一打开程序,就告诉我 VS2012停止工作,只有关闭程序或者调试程序. 小主酸菜郁闷不已,必须找到解决方法啊,错误提示如图: 错误原因:        ...