Ajax的封装（原生）

AJAX : Asynchronous JavaScript and XML

function ajax(obj){let defaultobj={         //默认方式"url":null,"data":null,"isAsync":true,"type":"GET","func":null}for(let key in obj){           defaultobj[key]=obj[key];      //将传来的数据替换默认}let xhr=new XMLHttpRequest();     //创建一个ajax对象，此时readyState状态为0，请求未初始化if(defaultobj.type.toLowerCase() == "GET"){           xhr.open("GET",defaultobj.url+"?"+defaultobj.data,defaultobj.isAsync)}else{xhr.open("POST",defaultobj.url,defaultobj.isAsync);}xhr.onreadystatechange(function(){   //服务器端为2，3，4，为接收，请求处理中，处理请求完成if(xhr.readyState == 4 && xhr.status == 200){       //状态码为200为准备就绪defaultobj.func(xhr.responseText);}})if(defaultobj.type.toLowerCase() == "POST"){xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');xhr.send(defaultobj.data);}xhr.send();              //发送时readyState状态值为1，服务器连接已建立}

Ajax的封装（原生）相关推荐

js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
.ajax get 写法,原生Ajax写法（GET）
ajax的GET提交方式的原生代码: var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else if(w ...
ajax请求封装,封装的ajax请求
在做登录注册这类提交表单数据时,我们经常需要局部刷新网页来验证用户输入的信息,这就需要用到ajax请求,我们通常需要获取表单中的数据,发起ajax请求,通过服务程序,与数据库的数据进行比对,判断信息的 ...
ajax 加载提示锁屏,js锁屏解屏通过对$.ajax进行封装实现
jquery插件源码: /** * 对jquery中$.ajax进行封装,以便加入锁屏功能 * isAsync 是否为异步请求,默认为true * isLock 是否锁屏,默认是true * isCa ...
Vue的axios与ajax的区别：axios是对ajax的封装
分析 axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样. ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装. axios是ajax ...
js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
php 小程序自定义图,微信小程序之如何使用自定义组件封装原生 image 组件
零.问题的由来一般在前端展示图片时都会碰到这两个常见的需求: 图片未加载完成时先展示占位图,等到图片加载完毕后再展示实际的图片. 假如图片链接有问题(比如 404),依然展示占位图.甚至你还可以增加 ...
jq封装接口ajax,jquery ajax方法封装及api文件设计的代码示例
本篇文章给大家带来的内容是关于jquery ajax方法封装及api文件设计的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 封装 jquery ajax 文件/** * 封 ...
Android uni-app 封装原生插件
前言据广大用户的需求,需要把我们anyRTC的SDK,封装到uni-app来使用,并且实现音视频通话.这边文章图文讲解一下怎么封装原生插件,并且在下一章uni-app实现音视频通话. anyRTC开 ...
Ajax及封装Ajax详解
首先说道ajax必须要知道JSON,不会JSON的,请点击. Ajax 说道ajax到底什么是ajax? ajax是一种创建交互网页应用的一门技术. ajax的应用场景有:(地图)实时更新,表单验证等 ...

Ajax的封装（原生）

Ajax的封装（原生）相关推荐

最新文章

热门文章