用源生的JavaScript编写一个异步的ajax库

用源生的JavaScript写一个ajax的库，这样就不用每次都调用jQuery库了，依据ajax请求的步骤写，ajax请求有四个步骤:1.创建一个ajax对象，2.跟服务器进行连接；3.发送请求；4.接收返回值。

直接创建一个ajax的函数，里面传入三个参数：URL即获取的文件名，Fnsucc即接收数据成功时的参数，Fnfailed即接收文件失败时的参数

 1 function ajax(url,fnsucc,fnlaild){
 2     //1.创建一个ajax对象
 3      var oajax=null;
 4
 5     if (window.XMLHttpRequest)
 6     {
 7     //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
 8         oajax=new XMLHttpRequest();
 9     }
10     else
11     {
12         // IE6, IE5 浏览器执行代码
13         oajax=new ActiveXObject("Microsoft.XMLHTTP");
14     }
15     //2.链接服务器
16     oajax.open('GET',url,true);
17     //3.发送请求
18     oajax.send();
19     //4.接收返回值
20     oajax.onreadystatechange=function(){
21         if (oajax.onReadystate==4 && oajax.status==200){
22             fnsucc(oajax.responseText);
23         }else{
24             if (fnlaild){
25             fnlaild();
26             }
27         }
28     }
29 }

ajax一般工作内容就是读取数据过来，创建元素，将数据插入创建的元素里面。

转载于:https://www.cnblogs.com/karry990921/p/8057854.html

用源生的JavaScript编写一个异步的ajax库相关推荐

JavaScript编写一个简单的辣鸡营销号文章生成页面
营销号文章自动生成是怎么回事呢?营销号文章相信大家都很熟悉, 但是营销号文章自动生成是怎么回事呢?下面就让小编带大家一起了解吧.营销号文章自动生成,其实就是营销号文章自动生成了.那么营销号文章为什么会 ...
用JavaScript编写一个Java虚拟机谈谈哗众取宠的BicaVM
今日目睹某网络新闻,开篇明义便包含如下几行文字 [程序员Artur Ventura,这位超级大牛,用JavaScript写了一个java虚拟机BicaVM] 继而再读,惊见其中"超级大牛&q ...
html天猫倒计时代码,怎么用JavaScript编写一个天猫上使用的倒计时?
倒计时,主要用的是 js里面的Date() .下面是一个倒计时的例子,你可以参照修改: style* {margin:0px; padding:0px;}span{display:block; mar ...
js 编写一个函数，计算任意两个数字之间所能组成的奇数个数
<!DOCTYPE html> <html> <head><title></title> </head> <body> ...
从头开始编写一个时间序列数据库
作者 | Ryo Nakao 译者 | 王雪迎责编 | 张红月出品 | CSDN(ID:CSDNnews) 本文翻译自Ryo Nakao 的个人博客(https://corecursive.c ...
[Ajax]异步的 JavaScript 和 XML：Ajax入门教程（整理）
首先先来解释一下什么是 AJAX . 简单来说AJAX = 异步 JavaScript 和 XML, 是一种用于创建快速动态网页的技术. 它不是一种编程语言,而是一种规范. Ajax的主要功能是:通过 ...
这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
dp.Synta 来源http://blog.s135.com/post/226/ r介绍:在网页中加亮显示源代码的工具[原创] 大 | 中 | 小 [ 2007-4-19 14:56 | by ...
idea html ajax,在 IntelliJ IDEA 8.1中编写一个ajax jquery实例，取不到页面上的值
在 IntelliJ IDEA 8.1中编写一个ajax jquery实例,取不到页面上的值0 brnm12942014.08.17浏览115次分享举报 public class AjaxServle ...
JavaScript编写了一个计时器
初学JavaScript,用JavaScript编写了一个计时器. 设计思想: 1.借助于Date()对象,来不断获取时间点: 2.然后用两次时间点的毫秒数相减,算出时间差: 3.累加时间差,这样就能 ...

用源生的JavaScript编写一个异步的ajax库

用源生的JavaScript编写一个异步的ajax库相关推荐

最新文章

热门文章