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打地鼠微信小游戏源码是一个基于HTML5技术开发的互动娱乐应用,旨在提升用户的反应速度和手眼协调能力。
Ajax动态数据与ECharts可视化:从初始化到进阶交互的完整指南
数据可视化是现代Web前端展示信息的核心手段,而ECharts作为业界主流的图表库,常需配合Ajax实现动态数据加载。然而,很多开发者在使用过程中会遇到图表初始化顺序混乱、容器宽高报错、setOption更新失效、移动端点击失灵等棘手问题。理解ECharts的底层渲染机制与Ajax请求时序是解决问题的关键:先初始化图表再拉取数据,合理设置请求编码格式,把握setOption的增量合并特性,并针对移动端做事件与布局适配。在此基础上,通过多y轴、visualMap分段、雷达图单点展示、legend联动、框选事件
JavaScript帮助文档1
**服务器异步通信**:使用如Ajax这样的技术实现与服务器的无刷新数据交换,提高了应用程序的响应速度。
ToDoList:使用DF、Javascript开发待办事项App
**AJAX**:在JavaScript中,可以使用Ajax技术实现异步数据交换,使得用户在不刷新整个页面的情况下,能够添加、删除或修改待办事项,提高应用的响应速度和用户体验。5.
html5植物大战僵尸.zip
**事件监听**: JavaScript的事件驱动模型使得游戏可以对用户操作做出即时反应。例如,点击屏幕种植植物,滑动屏幕调整视角,或者键盘按键控制游戏速度。5.


