在线考试系统解决方法
日期：2014-05-17 浏览次数：20955 次
在线考试系统
我想设计一个在线考试系统，一页显示10题，有上下翻页功能，现在的问题是翻到下一页后，如何保存上一页的答案？我的想法是能否实例化一个全部的dataset，每次翻页时都把答案保存在dataset中，但如何定义这个dataset呢？页面刷新时都会重新实例化类变量吧，这样的话dataset就无法保存了。希望大家给我一个有用的建议
------解决方案--------------------
最简单的办法就是使用ajax，只要焦点离开当前项目，直接保存。
下面的代码实测可用，一般我用在用户注册。
form要用post
<input type="text" id="字段名" name="字段值" onblur="SaveOOOO(this.value)" />
ajax：
我不了解这个东西，不过能用就是了。
我想设计一个在线考试系统，一页显示10题，有上下翻页功能，现在的问题是翻到下一页后，如何保存上一页的答案？我的想法是能否实例化一个全部的dataset，每次翻页时都把答案保存在dataset中，但如何定义这个dataset呢？页面刷新时都会重新实例化类变量吧，这样的话dataset就无法保存了。希望大家给我一个有用的建议
------解决方案--------------------
最简单的办法就是使用ajax，只要焦点离开当前项目，直接保存。
下面的代码实测可用，一般我用在用户注册。
form要用post
<input type="text" id="字段名" name="字段值" onblur="SaveOOOO(this.value)" />
ajax：
我不了解这个东西，不过能用就是了。
- JScript code
//Ajax Start
function Ajax_GetXMLHttpRequest() {
if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}
function Ajax_CallBack(FormName,ID,URL){
var x = Ajax_GetXMLHttpRequest();
var ID = document.getElementById(ID);
x.open("POST",URL);
x.setRequestHeader("REFERER", location.href);
x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
x.onreadystatechange = function(){if(x.readyState == 4 && x.status == 200 && ID){ID.innerHTML=x.responseText;}}
var encodedData=""
if (document.forms.length > 0 && FormName) {
var form = document.forms[FormName];
for (var i = 0; i < form.length; ++i) {
var element = form.elements[i];
if (element.name) {
var elementValue = null;
if (element.nodeName == "INPUT") {
var inputType = element.getAttribute("TYPE").toUpperCase();
if (inputType == "TEXT" || inputType == "PASSWORD" || inputType == "HIDDEN") {
elementValue = escape(element.value);
} else if (inputType == "CHECKBOX" || inputType == "RADIO") {
if (element.checked) {
elementValue = escape(element.value);
}
}
} else if (element.nodeName == "SELECT" || element.nodeName == "TEXTAREA") {
elementValue = escape(element.value);
}
if (elementValue) {
if(encodedData==""){
encodedData = element.name + "=" + encodeURIComponent(elementValue);
}
else{
encodedData += "&" + element.name + "=" + encodeURIComponent(elementValue);
}
}
}
}
}
x.send(encodedData);
}
//Ajax End
function SaveOOOO(字段名) {
Ajax_CallBack(false,"SaveOOOO","save.asp?字段名=" + escape(字段值));}
------解决方案--------------------
参考：
- HTML code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在线考试系统—JS模拟翻页</title>
<script type="text/javascript">
function doit(obj)
{
var ps=3; //总页数
var p=form1.page.value;
if(obj=="back" && p>1){p--;}
if(obj=="next" && p<ps){p++;}
form1.page.value=p;
var d=form1.document.getElementsByTagName("div");
for(var i=0;i<d.length;i++)
{
d[i].style.display="none";
if(i+1==p){d[i].style.display="block";}
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<div>
第一题：你打死了它，流的却是你的血？（打一昆虫）<br />
答：<input type="text" name="A1" />
<p>第一页的其他题目...</p>
</div>
<div style="display:none;">
第二题：你打死了它，流的却是你的血？（打一昆虫）<br /
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
