JavaScript处理用户提交的数据
发布网友
发布时间:2022-04-20 03:34
我来回答
共1个回答
热心网友
时间:2023-08-29 23:34
将需要大量处理数据的过程分割成很多小段,然后通过JavaScript的计时器来分别执行,就可以防止浏览器假死。先看看怎么开始:
function ProcessArray(data,handler,callback){
ProcessArray()方法支持三个参数:
data:需要处理的数据
handler:处理每条数据的函数
callback:回调函数
然后定义一些变量:
var maxtime = 100;
var delay = 20;
var queue = data.concat();
maxtime表示每个处理进程的最大毫秒数。delay表示每个程序块之间的毫秒数。queue是源数据的复制,虽然不是在所有情景下都必要,但是我们是通过传递引用修改的,所以最好还是备份一下。
然后就可以使用setTimeout()方法来处理了:
setTimeout(function(){
var endtime = new Date() + maxtime;
do{
hanler(queue.shift());
}while(queue.length>0 && endtime > new Date());
首先,先计算endtime,这是程序处理的最大时间。do.while 循环用来处理每一个小块的数据,直到循环全部完成或者超时。
为什么使用do..while循环呢?
JavaScript支持while和do…while循环。不同之处在于do..while循环回至少执行一次。如果使用while循环,那么当开发者设置一个很小或者很低的endtime值的时候,那么处理就根本不会执行了。
最后,我们再决定是否需要处理其他的数据,如果需要,那么就再调用一次:
if (queue.length > 0) {
setTimeout(arguments.callee, delay);
}
else {
if (callback) callback();
}
}, delay);
}
这样回调函数会在每一个数据都处理结束的时候执行。我们可以通过ProcessArray()来测试一小组数据:
// process an indivial data item
function Process(dataitem) {
console.log(dataitem);
}
// processing is complete
function Done() {
console.log("Done");
}
// test data
var data = [];
for (var i = 0; i < 500; i++) data[i] = i;
// process all items
ProcessArray(data, Process, Done);
这个方法在任何浏览器中都可以执行,不过HTML5提供了更好的办法,Rockux在以后的文章中会提到。
什么是javascript
JavaScript是一种脚本语言,主要用于网页的交互性和动态性。以下是关于JavaScript的详细解释:一、基本定义 JavaScript是一种解释型语言,通常嵌入在HTML中,用于增强网页的交互性和功能。它能够处理用户与网站的交互,例如响应用户的点击事件、表单提交等。此外,JavaScript还可以用于创建动态页面内容、处理数据、...
你们指的js是什么意思?
1. 动态交互:JavaScript可以使网页具有动态特性,比如响应用户的点击、滚动等动作。2. 表单验证:可以使用JavaScript来验证用户提交的表单数据,提高数据的质量。3. 浏览器控制:通过JavaScript,开发者可以控制浏览器的许多功能,如打开新窗口、跳转到其他页面等。4. AJAX技术:JavaScript与AJAX结合,可以实现...
javascriptjavascript成熟的几个方面
3. 数据处理:JavaScript具有强大的数据处理能力,可以进行各种数据操作和计算。它支持变量、数组、对象等数据类型,提供了丰富的内置方法和函数,方便开发人员对数据进行处理、转换和分析等操作。4. 异步编程:JavaScript天生支持异步编程,通过使用回调函数、Promise、async/await等机制,可以处理网络请求、文件...
Java ScriptJavaScript 能做什么?
JavaScript的核心功能之一是对事件的响应,如页面加载完成后或用户点击元素时执行特定操作。这使得网页能够实时响应用户的交互,提升用户的参与度。比如,你可以设置JavaScript在用户提交表单前验证数据,确保数据的完整性和准确性。在浏览器识别方面,JavaScript能检测访问者的浏览器类型,然后根据检测结果加载相应...
javascript 表单怎么提交,新手乱写不太懂,function submit(){}?这写...
4. `<form name="form1" id="f2" action="" method="post"`:这是HTML表单标签,用于收集用户输入的数据。当用户点击"确认添加"按钮时,会触发JavaScript的dosubmit函数,提交表单。5. `确认添加`:这是一个链接,当用户点击它时,会执行dosubmit()函数,提交表单。总结,这段代码的主要作用是创...
JavaScript能做什么,不适合做什么
JavaScript不允许写服务器机器上的文件。尽管写服务器上的文件在许多方面是很方便的(比如存储页面点击数或用户填写表单的数据),但是JavaScript不允许这么做。相反,需要用服务器上的一个程序处理和存储这些数据。这个程序可以是Perl或者PHP等语言编写的CGI运行在服务器上的程序或者Java程序 JavaScript不能关闭...
javascript是什么?
JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。Java 与 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java,全称...
javascript中 如何将表单中输入的数据提交到表格中去?
function doSubmit(){ var userName=document.getElementById("userName").value;var userPass=document.getElementById("userPass").value;document.getElementById("user").innerHTML=":"+userName;document.getElementById("psd").innerHTML=":"+userPass;return false;} 账号密码地址 ...
javascript用来干嘛(javascript有什么用途)
JavaScript随网页数据一同下载到浏览器上,下载完成之后,就可以被执行,控制网页接下来的动作。网页的很多事件都可以触发JS,比如,onLoad,onClick,onBlur等等。javascript文件是做什么用的呢?js可以做的事情有很多,比如以下几点:用JavaScript可以做很多事情,使网页更具交互性,给站点的用户提供更好,更...
我想做一个用户注册的网页界面,用javascript对输入的数据进行验证。
// JavaScript Document function $ (ElementID) { return document.getElementById(ElementID);} function checkEmail(){ var mail=$("email");var divID=$("DivEmail");divID.innerHTML="";if(mail.value==""){ divID.innerHTML="Email不能为空";//mail.focus();return false;} if(...