ajax笔记

104 阅读1分钟

AJAX是什么?

Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一个在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTMLXHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的 XMLHttpRequest。当使用结合了这些技术的AJAX模型以后, 网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作。

尽管X在Ajax中代表XML, 但由于JSON的许多优势,比如更加轻量以及作为Javascript的一部分,目前JSON的使用比XML更加普遍。JSON和XML都被用于在Ajax模型中打包信息

基本用法

 //创建request对象
 const request = new XMLHttpRequest()
 //设置请求类型和请求网址url
 request.open("GET", url)
 //监听请求是否成功
 request.onreadystatechange = () => {
     if (request.readState === 4 && request.status === 200) {
         console.log(request.response)
     }
 }
 //发起请求
 request.send()

封装ajax

 function Ajax(method, url, fn) {
     const request = new XMLHttpRequest()
     request.open(method, url)
     request.onreadystatechange = () {
         if (request.readyState === 4 && request.status === 200) {
             fn(request.response)
         }
     }
     request.send()
 ​