Ajax学习笔记

87 阅读1分钟

一、概念

以下来自维基百科: AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术

即异步的发送请求技术,在没有异步的时候,发送请求如传统表单,有以下缺点:

  • 客户端会等待请求发送成功(页面空白期)
  • 请求后页面会全部刷新(用户的体验不好)

这里顺便梳理一些混淆的概念

  • ajax:一种异步请求的技术概念,是一个概念,但实现ajax并不是只有XMLHttprequest
  • axios:基于XMLHttprequest + promise封装的一种异步请求具体方案
  • fetch:H5中出现的新API,新特性,和axios没有一点关系,也是一种异步请求的具体方案

二、应用

let xhr = new XMLHttpRequest()
xhr.open(
  "get",
  `http://localhost:3000/testGet`,
   true // 默认为true,异步
);
xhr.responseType = "json";
xhr.onreadystatechange = function(){
        if(xhr.readyState === 4) {
            if(xhr.status === 200){
                consolo.log(responseText)
                consoloe.log(responseText)
            } else {
                fail(request)
            }
        }
 }
xhr.send()