用源生的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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/487119.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一文读懂什么是数字孪生?

文章转载自微信公众号数字孪生大赛,版权归原作者及刊载媒体所有。一、数字孪生的概念从理论的概念来看,Digital Twin数字孪生:是充分利用物理模型、传感器更新、运行历史等数据,集成多学科、多物理量、多尺度、多概率的仿真过程,在…

Error:collect2:ld returned 1 exit status的其他原因

首先感谢:https://blog.csdn.net/li809735472/article/details/85231950,这里有多个总结,虽然没解决我的问题,但是可能帮到别人,所以引用到这里。 我自己使用vs的Linux插件,直接在Linux服务器编译程序&…

第五轮学科评估再提“破五唯”

来源:中国科学报作者:袁一雪近日,教育部官网公布了对《关于完善高校学科评估制度,促进教育治理体系和能力现代化的提案》的答复,提到学科评估坚决破除“五唯”顽疾。评价教师不唯“学历”和“职称”,不设置…

psycopg2.errors.UndefinedTable: relation “xxxx“ does not exist

psycopg2.errors.UndefinedTable: relation “xxxx” does not exist python连接PostgreSQL之后,查找操作报错如题,原因是数据库表名是有大写字母,需要在表名上加入双引号,因为PostgreSQL大小写不敏感。比如:‘select …

机器学习专业名词中英文对照

activation 激活值 activation function 激活函数 additive noise 加性噪声 autoencoder 自编码器 Autoencoders 自编码算法 average firing rate 平均激活率 average sum-of-squares error 均方差 backpropagation 后向传播 basis 基 basis feature vectors 特征基向量 batch …

MEMS惯性传感器有哪些趋势?

来源:半导体产业基金整理如何在灾难救援中,精准定位受困人员的位置?如何在无人机操作中,提高系统精度?如何在人机交互中,更好的实现动作检测和姿势识别?如何在自动驾驶中,做到更精确…

类似collect2: ld returned 1 exit status的错误

今天帮忙处理一个链接问题,使用vs2015编译,链接时报错:collect2: ld returned 1 exit status以及not found (try using -rpath or -rpath-link)。 首先想到的是在linker部分添加第三方库目录,以往这样都能解决大部分类似问题&…

css pointer-event

详见:张鑫旭 CSS3 pointer-events:none应用举例及扩展 pointer-events:none ,可以使事件穿透, 如: 2 覆盖在 1 上面。 给 2 设置 pointer-events:none;那么点击在 2 上将无效, 可以直接触发 1 上的事件 转载…

5G智慧医疗十大应用场景,你知道多少?

来源:北京物联网智能技术应用协会都说5G会改变千行百业,其中,5G医疗健康就是5G技术在医疗健康行业的一个重要应用领域。随着 5G 正式商用的到来以及与大数据、互联网、人工智能、区块链等前沿技术的充分整合和运用, 5G 医疗健康越…

QT使用中的一些记录

1.qt开发中,想要主界面全屏,其他界面可以在主界面之上显示: 这个如果是全部用QWidget开发的应该有很多办法可以实现,但是如果用的QOpenGLWidget做的主界面,就会出现其他界面无法占有上层的现象,这里需要使用…

起源,机制与趋势,如何理解和定义城市大脑

前言:本文从城市大脑的起源背景,技术支撑,建设重点,服务对象和发展目标等多个角度,对城市大脑如何定义进行了分析和解读,提出:城市大脑是互联网大脑架构与智慧城市建设结合的产物,是…

关于vtkSmartPointer使用的一些小记录

vtkSmartPointer::New()可以生成一个智能指针管理vtk的对象&#xff0c;在使用过程中因为有引用计数的概念存在&#xff0c;所以可以自动管理对象的回收和释放。 比如&#xff1a; vtkSmartPointer<vtkMatrix4x4> matrix1 vtkSmartPointer<vtkMatrix4x4>::New();…

【译】Immutable.js : 操作 Set -8

不可变集提供了强大的集合操作&#xff0c;如相交&#xff0c;联合和减法。本教程将向您展示如何使用它们&#xff0c;以及何时使用它们来代替合并列表 什么时候使用Sets和Union&#xff0c;Intersect和Subtract方法 Set的独特性质是其值始终是唯一的。不可变的设置方法强制这种…

DARPA举办AlphaDogfight决赛,AI 操控战斗机5:0战胜人类飞行员

来源&#xff1a;必达智库由美国国防部高级研究计划局&#xff08;DARPA&#xff09;举办的 “阿尔法狗决战试验”&#xff08;AlphaDogfight&#xff09;决赛当地时间8月20日于正式落下帷幕。最终&#xff0c;赫伦系统公司&#xff08;Heron Systems&#xff09;在虚拟空战中以…

A. PHP文件运行原理

转载于:https://www.cnblogs.com/youyuanjuyou/p/8099665.html

xshell 上下左右键乱码和退格键失效

我刚装的Linux环境是Ubuntu20.04&#xff0c;使用的xshell连接。 使用vi编辑文件时方向键会出现ABCD这些乱码&#xff0c;我觉得是因为vi不全导致的&#xff0c;安装vim之后问题解决&#xff0c;不需要像其他文章里说的那样&#xff0c;在属性里设置终端类型和键盘序列。 sudo…

智源研究院首席科学家刘嘉:认知神经的未来发展规划是什么?

来源 | AI前线演讲嘉宾 | 刘嘉编辑 | 冬梅8 月 24 日&#xff0c;北京智源人工智能研究院在京举办了人工智能的认知神经基础发布会。会上&#xff0c;智源研究院发布了重大研究方向——“人工智能的认知神经基础”&#xff0c;以跨学科交叉方式进一步夯实人工智能的科学基础。…

QT的mouseMoveEvent事件失效

void TalkWindow::enterEvent(QEvent *event){ grabMouse();}void TalkWindow::leaveEvent(QResizeEvent *event){ releaseMouse();} 在窗体里写这个鼠标事件就可以了&#xff0c;自己的业务还是在mouseMoveEvent的事件里去处理&#xff0c;网上有其他说什么QMAINwiNDOW的 cent…

ubuntu20.04安装Qt5.15.2并配置环境

qt官方取消了离线安装的方式&#xff0c;所以推荐在线安装&#xff0c;当然&#xff0c;如果想要自己通过源码编译也可以&#xff0c;参考官方文档&#xff1a;https://wiki.qt.io/Building_Qt_5_from_Git。 在线安装&#xff1a; 1.到官方网站下载&#xff1a;wget https://do…

最全数学各个分支简介

来源&#xff1a;算法数学俱乐部编辑 ∑Gemini数论人类从学会计数开始就一直和自然数打交道了&#xff0c;后来由于实践的需要&#xff0c;数的概念进一步扩充&#xff0c;自然数被叫做正整数&#xff0c;而把它们的相反数叫做负整数&#xff0c;介于正整数和负整数中间的中性数…