菜鸟蹒跚学ASP-定时无感觉POST篇

本文介绍了一种使用前端技术实现的自动保存答题进度的方法。通过设置定时器每5秒提交表单,并利用iframe保持滚动位置不变,确保了用户作答过程中数据的安全性。

下面这段代码的好处是,定时Post数据到服务端,带上对于Brower端的用户来讲,不会感觉到,因为页面刷新后,纵向滚动条的位置不变。我是针对做考卷的数据保存问题写的。如果一张考卷有50道题目,那么肯定在一屏是显示不完的,而且数据又多,时间又长,难保中间不会发生什么意外,最后数据无法post到数据库,所以我做了一个5000ms自动post的函数,为了解决post后回到页面最顶端的问题,我把form设置 target="saveform",在页面下面放置了一个<iframe src="about:blank" name="saveform" ></iframe>。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!--#include file="include/conn.asp"-->
<script>    
 function sendData(){
  //alert("数据已经Post");
  document.getElementById('form1').submit()
  setTimeout("sendData()",5000);
 }
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body onLoad="sendData()">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<form id="form1" method="post" action="SaveAction.asp" target="saveform">
  <p>
    <input name="data" type="text" id="data"/>
  </p>
  </form>

<iframe src="about:blank" name="saveform" ></iframe>
</body>
</html> 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值