如何简单学会ajax,学会自己封装简单AJAX

什么是AJAX

AJAX不是JavaScript的规范，他只是一种技术方案，也并不是新技术，他依赖于HTML/CSS/JS，全称是异步JavaScript和XML，核心是浏览器提供的XMLHttpRequest。

如何实现？

1.首先你需要定义一个函数

window.ajax = function(){

// 代码

}

2.想想AJAX需要什么参数url,method,body,header,success,fail

url 请求的地址，可以是绝对路径也可以是相对路径

method 请求的方式，如GET/POST，不区分大小写

header 请求体的第四部分

success 请求成功执行的代码

fail 请求失败执行的代码

jquery.ajax = function({url,method,body,header,success,fail}) {

let request = new XMLHttpRequest

request.open(method, url)

for(let key in header) {

let value = header[key]

request.setRequestHeader(key, value)

}

request.onreadystatechange = function() {

if(request.readyState === 4) {

if(request.status >= 200 && request.status < 300 || request.status === 302) {

success.call(undefined, request.responseText)

} else {

fail.call(undefined, request)

}

request.send(body)

}

这样一个简单的AJAX就封装好了

如何简单学会ajax,学会自己封装简单AJAX相关推荐

理解ajax技术，封装原生 ajax请求
一.Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术,并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进 ...
JQuery封装的ajax方法
JQuery封装的ajax方法 JQuery封装的ajax优势:简单方便,已做好浏览器兼容性处理. 1.$.post方法 $.post(url[,data][,callback][,type]) ...
原生ajax请求的封装
原生ajax请求的封装原生ajax请求分为四步: 1.创建请求对象判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...
promise简单封装ajax 完美嵌套多个ajax请求
转载请注明出处并留个言哈,分享快乐~! request.js文件,注意网页头部script标签加载顺序 function myAjax(json, callback) {var p = new Pro ...
java狗具有特别的接飞盘的方法_如何让狗狗学会接飞盘？简单，这几个技巧让你事半功倍！...
标题:如何让狗狗学会接飞盘?简单,这几个技巧让你事半功倍!大多数狗狗都有捡回主人扔出去的物品的本能.但是,狗狗在复杂环境下捡东西就有些困难了.大部分狗狗是在东西落地之后再从地上捡起来,而不是像飞盘一样 ...
一个简单的用async实现发送ajax函数的封装
async函数是ES6的一个很重要的函数.它改变了JavaScript处理异步事件的方式,使得JavaScript处理异步事件变得更加方便. 传统的JavaScript异步事件回调函数事件发布者 ...
（三）AJAX基本介绍和简单实例03
(三)AJAX基本介绍和简单实例03-----Ajax与数据库的动态应用前台显示界面: 选择所有客户之后: 选择其中一个客户---杜森: Demo03.html代码 <html> < ...
最简单的基于FFMPEG的封装格式转换器（无编解码）
2019独角兽企业重金招聘Python工程师标准>>> 本文介绍一个基于FFMPEG的封装格式转换器.所谓的封装格式转换,就是在AVI,FLV,MKV,MP4这些格式之间转换(对应. ...
js中的json ajax,js结合json实现ajax简单实例
这篇文章主要为大家详细介绍了js结合json实现ajax简单实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前期准备 1.安装wampserver或者其他相似软件来搭建本地集成安装环 ...

如何简单学会ajax,学会自己封装简单AJAX

如何简单学会ajax,学会自己封装简单AJAX相关推荐

最新文章

热门文章