实现发送多个Ajax请求

2016-02-19 18:27 8 1 收藏

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

【 tulaoshi.com - Web开发 】

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

大家知道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有仇一样

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

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

(本文来源于图老师网站,更多请访问https://www.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 ==

来源:https://www.tulaoshi.com/n/20160219/1617732.html

延伸阅读
标签: Web开发
AJAX 请求 在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。 此例包括三张页面: a simple HTML form a JavaScript a PHP page HTML 表单 这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接: html head script src="clienthint.js"/script /head body fo...
标签: Web开发
我们已看到 AJAX 可被用来创建更多交互性的应用程序。 AJAX Suggest实例 在下面的 AJAX 例子中,我们会演示当用户向一个标准的 HTML 表单中输入数据时网页如何与 web 服务器进行通信。 在下面的文本框中输入名字: Suggestions: 例子解释 - HTML表单 表单的 HTML 代码: form First Name:input type="text" id="txt1&qu...
标签: Web开发
AJAX Suggest 源代码的实例 下面的源代码属于上一节的 AJAX 实例。 您可以拷贝粘贴这些代码,然后亲自测试一下。 AJAX HTML 页面 这是 HTML 页面。它包含了一个简单的 HTML 表单,以及一个指向 JavaScript 的链接。 htmlheadscript src="clienthint.js"/script /headbodyform First Name:input type="text" id="...
标签: Web开发
网页制作Webjx文章简介:AJAX-向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 AJAX-向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 open()方法需要三个参数。第一个参数定义发送请求所使用的方法(GET还是POST)。第二个参数规定服...
标签: Web开发
AJAX - 向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。 open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个方法规定应当对请求进行异步地处理。 send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位...

经验教程

614

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部