Ajax处理时反应慢,弹出的DIV关闭速度很慢
我用.net开发一个生产排程页面,可以实现所有机种每月的具体生产计划,每行35列左右,行数不确认,目前最多在100以内。
布局如下图所示:

然后针对每一个小格子(td)都有设置ID,然后Ajax实现局部更新数据。
当单击对应的td时,会弹出修改数据的DIV,修改完成后,当保存时会有大概3秒左右的延时,然后才会关闭DIV。
这样反应过慢造成了使用人员体验效果非常差,输入数据太慢。
请问一下,有没有办法能提高处理速度,当点击“保存”后能立即关闭DIV并处理好数据。
Database的负载很低的,所以不知道是哪里出了问题?
JS代码如下:
function GetXmlHttp() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function SaveNewItem() {
if (CheckLogin() == false)
return;
var ProductID = document.getElementById("st").value;
var OrderName = document.getElementById("order_Input").value;
var A = GetXmlHttp();
A.onreadystatechange = function () {
if (A.readyState == 4 && A.status == 200) {
if (A.responseText.substring(0,2)=="NG")
alert(A.responseText.substring(2, 13)); }
}
A.open("GET", "ajax_response/SaveData.aspx?PID=" + ProductID + "&ON=" + OrderName);
A.setRequestHeader("If-Modified-Since", "0");
A.send(null);
}
布局如下图所示:

然后针对每一个小格子(td)都有设置ID,然后Ajax实现局部更新数据。
当单击对应的td时,会弹出修改数据的DIV,修改完成后,当保存时会有大概3秒左右的延时,然后才会关闭DIV。
这样反应过慢造成了使用人员体验效果非常差,输入数据太慢。
请问一下,有没有办法能提高处理速度,当点击“保存”后能立即关闭DIV并处理好数据。
Database的负载很低的,所以不知道是哪里出了问题?
JS代码如下:
function GetXmlHttp() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function SaveNewItem() {
if (CheckLogin() == false)
return;
var ProductID = document.getElementById("st").value;
var OrderName = document.getElementById("order_Input").value;
var A = GetXmlHttp();
A.onreadystatechange = function () {
if (A.readyState == 4 && A.status == 200) {
if (A.responseText.substring(0,2)=="NG")
alert(A.responseText.substring(2, 13)); }
}
A.open("GET", "ajax_response/SaveData.aspx?PID=" + ProductID + "&ON=" + OrderName);
A.setRequestHeader("If-Modified-Since", "0");
A.send(null);
}
...全文
相关推荐
HTML5打地鼠微信小游戏源码.zip
HTML5打地鼠微信小游戏源码是一款锻炼反应能力的打地鼠手机小游戏下载。
Ajax动态数据与ECharts可视化:从初始化到进阶交互的完整指南
数据可视化是现代Web前端展示信息的核心手段,而ECharts作为业界主流的图表库,常需配合Ajax实现动态数据加载。然而,很多开发者在使用过程中会遇到图表初始化顺序混乱、容器宽高报错、setOption更新失效、移动端点击失灵等棘手问题。理解ECharts的底层渲染机制与Ajax请求时序是解决问题的关键:先初始化图表再拉取数据,合理设置请求编码格式,把握setOption的增量合并特性,并针对移动端做事件与布局适配。在此基础上,通过多y轴、visualMap分段、雷达图单点展示、legend联动、框选事件
JavaScript帮助文档1
经过五个月java课程的学习以后,我对JavaScript有了一些理解,拿过来和大家一起分享。
ToDoList:使用DF、Javascript开发待办事项App
待办事项列表 使用DF、Javascript开发待办事项App
html5植物大战僵尸.zip
这是HTML5植物大战僵尸,里面js代码部分较多,非常有趣!


