1.客户端向服务器获取数据的一种技术
2.是一种在无需重新加载整个网页的情况下,能够局部更新网页的技术

原生ajax

  1.  var url ="http://192.168.4.18:8000/"
  2.  /* 1.创建ajax核心对象 */
  3.  var xhr = new XMLHttpRequest();
  4.  /* 2.与服务建立连接(method,url,async) */
  5.  xhr.open("get",url,true)
  6.  /* 3.发送请求 */
  7.  xhr.send()
  8.  /* 4.响应 */
  9.  xhr.onreadystatechange =  function(){
  10.      if(xhr.status == 200 && xhr.readyState ==4){
  11.          var res =JSON.parse(xhr.responseText) ;
  12.          console.log(res)
  13.      }
  14.  }

封装的ajax

http.js

  1. function ajax({
  2.     method,
  3.     url,
  4.     success
  5. }){
  6.     var xhr = new XMLHttpRequest();
  7.     xhr.open(method,url,true);
  8.     xhr.send();
  9.     xhr.onreadystatechange =  function(){
  10.         if(xhr.readyState == 4 && xhr.status == 200){
  11.             var result = JSON.parse(xhr.responseText);
  12.             success(result)
  13.         }
  14.     }
  15. }

html

  1. var url  = "http://192.168.4.18:8000/"
  2. ajax({
  3.     url,
  4.     method:"get",
  5.     success:res=>{
  6.         console.log(res)
  7.     }
  8. })