实现发送多个Ajax请求

勇敢滴小山羊

勇敢滴小山羊

2016-02-19 18:27

下面图老师小编要向大家介绍下实现发送多个Ajax请求,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

目的是实现了,个人觉得在执行速度上不是很理想,希望大家帮忙改进,谢谢!

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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 ==

展开更多 50%)
分享

猜你喜欢

实现发送多个Ajax请求

Web开发
实现发送多个Ajax请求

AJAX中同时发送多个请求XMLHttpRequest对象处理方法

Web开发
AJAX中同时发送多个请求XMLHttpRequest对象处理方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

基于ajax异步请求的实现

Web开发
基于ajax异步请求的实现

ajax传递多个参数具体实现

Web开发
ajax传递多个参数具体实现

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX请求类

Web开发
AJAX请求类

AJAX Http请求

Web开发
AJAX Http请求

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

利用API创建文件目录

利用API创建文件目录

Ajax在.NET中与Server控件的交互

Ajax在.NET中与Server控件的交互
下拉加载更多内容 ↓