Ajax些成绩批量录入

时间：2022-04-26 18:41:32

1.jsp，ajax的循环调用，必须要递归，否则会出错。

<%@ 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 'Scoreinsert.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="styles.css">

	-->

  </head>

  <script type="text/javascript">

function sub(i)

{ 

var a = $("table tr").eq(i).children("td").eq(0).children().val();

var b = $("table tr").eq(i).children("td").eq(0).children().eq(1).val();

var c = $("table tr").eq(i).children("td").eq(1).children().val();

var d = $("table tr").eq(i).children("td").eq(2).children().val();

var e = $("table tr").eq(i).children("td").eq(3).children().val();

aja2(a,b,c,d,e,i);

}

function aja2(a,b,c,d,e,i){

 $.ajax({

    url:'BatchScoreSave.action',

    type:'POST', //GET

    async:true,    //或false,是否异步

    data:{

    classs:a,

    course:b,

    number:c,

    name:d,

    scores:e

    },//提交表单数据，也可以直接用data:$('#form').serialize(),

    timeout:5000,    //超时时间

    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text

    success:function(data){

        //console.log(data);

       console.log('成功');

       if(i<$("table tr").length-1){

       i++;

       sub(i);

       }

    },

    error:function(xhr,textStatus){

        console.log('错误');

    },

}); 

}

  </script>

  <body>

  <s:property value="classs"/>班<s:property value="course"/>成绩录入

  <table  cellpadding="10" border="1">

       <tr>

       <th>班级</th>

       <th>学号</th>

       <th>姓名</th>

       <th>成绩</th>

       <th>操作</th>

       </tr>

       <s:iterator value="scorelist">

       <tr>

       <form action="ScoreSave.action">

       <td><input type="text" name="classs" value='<s:property value="id.classs"/>' size="4" readonly="readonly" style="border: 0">

       <input type="text" name="score.id.course" value='<s:property value="id.course"/>' style="display:none;"></td>

       <td><input type="text" name="score.id.number" value='<s:property value="id.number"/>' size="4" readonly="readonly" style="border: 0"></td>

       <td><input type="text" name="score.id.name" value='<s:property value="id.name"/>' size="4" readonly="readonly"style="border: 0"></td>

       <td><input type="text" name="score.id.score" value='<s:property value="id.score"/>' size="4"style="border: 0" onkeyup="this.value=this.value.replace(/\D/g,'')"></td>

       <td><input type="submit" value="保存"></td>

       </form>

       </tr>

       </s:iterator>

    </table>

   <input type="button" value="提交" onclick="sub(1)">

  </body>

</html>

　2.action，就是简单的一条数据一条数据的保存，一定有get和set，注意Spring注入不能写get，会报错。

public String BatchScoreSave() throws Exception{

		score = new Score();

		score.setId(new ScoreId());

		score.getId().setClasss(classs);

		score.getId().setCourse(course);

		score.getId().setNumber(number);

		score.getId().setName(name);

		score.getId().setScore(scores);

		mgr.Scoresave(score);

		return SUCCESS;

	}

　3.struts.xml

<package name="aaa" extends="json-default">

　　

<action name="BatchScoreSave" class="ScoreAction" method="BatchScoreSave">

			<result name="success" type="json">

			<param name="root"></param>

			</result></action>

4.结果截图

Ajax些成绩批量录入

data:$('#form').serialize(),

相关文章