易截截图软件、单文件、免安装、纯绿色、仅160KB

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实现类似百度和google的下拉框原理

大家在访问 google或百度的时候,假如要搜索“阿凡达”,我们可能只需要输入一个  “阿”字,网站就会自动匹配一些词组供我们选择,这个设计非常人性化。今天我们就此技术简要介绍,本文假设读者不清楚ajax技术细节。
先说说AJAX,我之前也没有关注过这方面,稍微了解了一下,其实它就是一个客户 ......

Spring MVC+Ajax创建实例


Java代码
@Override  
protected ModelAndView onSubmit(HttpServletRequest request, HttpServletResponse response, Object cmd,   
        BindException ex) {   
   &nb ......

ajax的下拉框联动

<html>
<body>
<script language="JavaScript">
        var req = null;
        function test() {
                var province = document.all("province").value;
                req = new ActiveXObject("Microsoft.XMLHTTP ......

Buffalo ajax实例

Buffalo是国人开发的Ajax框架
它可以使用户在js中调用java代码里的方法.
配置方法:
1. web.xml中配置相关servlet 如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
 xmlns="http://java.sun.com/xml/ns/j2ee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ......

Js 分页类 (适合Ajax分页用)

调用方法如下:
var p = new Pager(5, 10);
p.init('页码所在的容器ID', dataOp);
function dataOp() {
// ajax数据操作
SendContent("/Admin/TopicService.asmx/GetTopicList?currentPageIndex=" + p.currentPage + "&pageSize=" + p.pageSize, "GET", "", ajax ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号