WEB开发网
开发学院WEB开发Ajax 实现发送多个Ajax请求 阅读

实现发送多个Ajax请求

 2009-11-03 11:20:25 来源:WEB开发网   
核心提示:目的是实现了,个人觉得在执行速度上不是很理想,实现发送多个Ajax请求,希望大家帮忙改进,谢谢!大家知道IE只能一次发送一个Ajax请求,你是否尝试过在一个页面上用Ajax请求多次,虽然可以实现我们发现代码很乱我们来实现一个在页面呈现缓存的例子吧!//获取Domfunction $(id) { return docum
目的是实现了,个人觉得在执行速度上不是很理想,希望大家帮忙改进,谢谢!

大家知道IE只能一次发送一个Ajax请求,你是否尝试过在一个页面上用Ajax请求多次,虽然可以实现我们发现代码很乱

我们来实现一个在页面呈现缓存的例子吧!

//获取Dom
function $(id) { return document.getElementById(id); }
思路:我们把要加载的缓存放在一个集合中,再迭代集合实现所有的获取缓存请求

var cache={page:"Index",id:"Courses",element:$("Courses")};
//page为加载的缓存页面 id缓存ID,element显示缓存的Dom对象
顺便插一句:这个例子用Jquery实现的了吗?可以尝试一下,呵呵,这几天好像跟Jquery有仇一样

上面定义了缓存对象,下面的代码就创建一个请求Ajax的方法,我们称之为: AsyncRequest

var xmlHttp = null;
function $AsyncRequest(request, callback) {
  this.method = request.method!=null&&request.method.toLowerCase()=="post"?"POST":"GET";
  this.url = request.url;
  this.params = request.params;
  this.dataType =request.dataType!=null&&request.dataType.toLowerCase() == "xml" ? "xml" : "text";
  this.async = request.async instanceof Boolean ? request.async : true;
  if (callback != null) {
    this.success = callback.success;
    this.error = callback.error;
    if (callback.start != null) callback.start();
  }
  if (xmlhttp == null 

Tags:实现 发送 多个

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接