ajax实现WEB页面上多任务同时作业
今天需要写一个功能,对于数据库中的数据,在用户通过WEB显示出来的时候,自动启动服务器端脚本对每个数据的有效性进行检测,并将结果呈现给用户。
我考虑的就是,呈现每条数据的时候,启动一个ajax通信进程,将结果反馈回来就OK了。
细节方面需要考虑的是,每个进程完成任务后在回调的时候如何知道它的“宿主”数据是哪一个(哪条数据发起的任务)。
还有由于XMLHttpRequest对于每个任务都是私有的,我们需要多任务并发,所以这里我使用一个类封装整个任务。每次启动一个类对象,将其作为类的私有成员。
下面看看我们的客户端脚本模型
//检测URL的ajax进程类
function TaskAjaxProcess()
{
//类成员XMLHttpRequest
var http_request_check_url = false;
//启动任务
this.start_task = function( $obj )
{
var checkurl = $obj.alt;
////////////创建http request//////////////////
http_request_check_url=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest)//Mozilla浏览器
{
http_request_check_url=new XMLHttpRequest();
if(http_request_check_url.overrideMimeType)
{//设置MIME类别
http_request_check_url.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)//IE浏览器
{
try
{
http_request_check_url=new ActiveXObject("Msxml2.XMLHttp");
}
catch(e)
{
try
{
http_request_check_url=new ActiveXobject("Microsoft.XMLHttp");
}
catch(e){}
}
}
//异常,创建对象实例失败
if(!http_request_check_url)
{
document.getElementById("searchresult").innerHTML="<font color=red>Fault error:创建XMLHttp对象失败!</font>";
return false;
}
//在URL添加随机数防止浏览器cache页面
//将发起者(任务宿主)ID也传进PHP脚本
var post_url= "checkURL.php?url=" + checkurl + "&id=" + $obj.id + "&random=" + Math.random()*(10000);
http_request_check_url.onreadystatechange=this.showCheckURLResult;//注册完成的回调函数
http_request_check_url.open("GET",post_url,true);
http_request_check_url.send(null);
}
//完成的回调函数
this.showCheckURLResult = functio
相关文档:
在一个小型项目中,我使用了Ajax Extensions中的UpdatePanel控件,在本地调试运行时好的,可以看到ajax的异步刷新效果,但是当发布到安装了.net framework 3.5 sp1的server 2003上去之后,发现ajax效果没有了,也就是说本来的异步提交变成了非Ajax方式的POST,而且没有报告任何错误。
对比开发时和运行 ......
ajax.open方法中,第3个参数是设同步或者异步。prototype等js类库一般都默认为异步,即设为true。
先说下同步的
情况下,js会等待请求返回,获取status。不需要onreadystatechange事件处理函数。
而异步则需要
onreadystatechange事件处理,且值为4再正确处理下面的内容
......
在Web开发程序中,往往由于种种原因,客户会多次操作页面导致数据冗余或不一致, 在ASP.NET AJAX出现之前可以通过对__dopostback()的调用等方法也可以防止页面多次提交。
在ASP.NET AJAX中的页面客户端中有一个叫onInitializeRequest的事件,它在页面初始化之前触发,可以对页面的提交事件进行控制,并且可以调用该事件参 ......
function delDepart(){
if(confirm("要删除部门必须删除该部门与员工的关系以及其所有下属部门")){
var departId=form1.departId.value;//部门ID
var url = "Depart/DelDepart.aspx?DepartId="+departId;
......
作者:fbysss
msn:jameslastchina@hotmail.com
blog:blog.csdn.net/fbysss
声明:本文由fbysss原创,转载请注明出处
关键字:Ajax跨域
一.试验准备
修改c:/windows/system32/drivers/etc/hosts文件,加入127.0.0.1 www.a.com www.b.com
Tomcat/webapps下建立crossdomai ......