使用javascript 完成异步数据提交(AJAX)(原创)
2008-06-02 21:59
731 查看
使用javascript进行异步提交数据比直接使用现成的AJAX控件效率高很多(我只使用过ajax.net)
实验发现可以提交大容量数据——实验到40K左右
function doSubmit()
{
.......
var urlParameter="cfg="+urlPara1
+"&type="+vkeytype
+"&starttime="+vstarttime
+"&endtime="+vendtime
+"&subject="+vsubject;
//alert(vsubject);
//return;
if (typeof XMLHttpRequest != 'undefined')
{
httpRequest3 = new XMLHttpRequest();
}
else if (typeof ActiveXObject != 'undefined')
{
httpRequest3 = new ActiveXObject('Microsoft.XMLHTTP');
}
if (httpRequest3)
{
httpRequest3.open('POST', "/后台页面.aspx", true);//true为异步
httpRequest3.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
httpRequest3.onreadystatechange=onComplete;
httpRequest3.send(urlParameter);
}
currentPage=n;
return;
}
function onComplete()
{
if(4==httpRequest3.readyState)
{
//alert(httpRequest3.responseText);
if(200==httpRequest3.status)
{
var retText=httpRequest3.responseText;
document.getElementById("mainlist").innerHTML=retText;
}
}
}
实验发现可以提交大容量数据——实验到40K左右
function doSubmit()
{
.......
var urlParameter="cfg="+urlPara1
+"&type="+vkeytype
+"&starttime="+vstarttime
+"&endtime="+vendtime
+"&subject="+vsubject;
//alert(vsubject);
//return;
if (typeof XMLHttpRequest != 'undefined')
{
httpRequest3 = new XMLHttpRequest();
}
else if (typeof ActiveXObject != 'undefined')
{
httpRequest3 = new ActiveXObject('Microsoft.XMLHTTP');
}
if (httpRequest3)
{
httpRequest3.open('POST', "/后台页面.aspx", true);//true为异步
httpRequest3.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
httpRequest3.onreadystatechange=onComplete;
httpRequest3.send(urlParameter);
}
currentPage=n;
return;
}
function onComplete()
{
if(4==httpRequest3.readyState)
{
//alert(httpRequest3.responseText);
if(200==httpRequest3.status)
{
var retText=httpRequest3.responseText;
document.getElementById("mainlist").innerHTML=retText;
}
}
}
相关文章推荐
- Magento 中使用AJAX异步提交数据(Using Ajax with Magento)
- ajax(原生JavaScript)异步提交表单数据
- 在struts2+jquery使用AJAX异步提交数据,处理返回的json数据
- Ajax使用POST方式异步提交数据
- ajax完成异步的省市联动效果--使用xml接收数据
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案
- 使用ssm框架 通过ajax异步提交数据具体实现方法
- ajax案例---以GET和POST方式异步提交数据给后台
- 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型
- ajax 异步提交数据、文件和跨域提交的实现
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 使用javascript以post的方式向服务器提交数据
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步
- [给力原创]使用jQuery-ajax仿新浪微博通知折叠/显示效果,实现数据加载(二)
- 使用Ajax提交数据,进行前后台数据交互
- 使用Struts 2框架、ajax提交中文数据在后台乱码的问题
- 使用ajax异步提交表单的几种方法总结
- 第 2 部分: 使用 JavaScript 和 Ajax 发出异步
- 使用 JavaScript 和 Ajax 发出异步请求