张锐杰-20221130-Ajax01

• ajax快速入门
  
  • 概念：
    
    • ajax：Asynchronous  javascript  and  xml（异步javascript与xml）
      
    • Ajax并不是一种新技术，而是已有奇数的集合，JavaScript是核心载体
      
    • Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验
      
  • 发送Ajax请求
    
    • ajax核心对象---XMLHttpRequest对象
      
    • 创建XMLHttpRequest对象要分为低版本IE与非IE两种方式
      
    • IE7以前
      var xhr  =  new  ActiveXObject('MSXML2.XMLHTTP');
      
    • 主流浏览器
      var  xhr  =  new  XMLHttpRequest();
      
  • 核心方法
    
    • XMLHttpRequest对象中有两个重要方法
      
      • open（a,b,c,）准备ajax请求
        
        • a：请求方式    get/post
          
        • b：请求的后端程序地址
          
        • c：异步（true）/同步（false），默认值为true
          
      • send（var）：发送ajax请求
        
        • var：get---不写或者null      post---发送到后端的数据
          
  • 接收后端响应结果
    
    • 核心属性---readyState
      
      • Ajax整个过程有5个状态0--4
        
      • 0---未初始化，还没有调用send（）
        
      • 1---载入，已经调用send（），正在发送请求
        
      • 2---载入完成，send（）执行完成，已经接受到全部响应内容
        
      • 3---交互，正在解析响应内容
        
      • 4---完成，响应内容解析完成，可以在客户端调用了
        
    • 核心事件onreadystatechange
      
      • onreadystatechange事件，readyState的值每次发生改变都会出发事件
        
    • 其他重要属性
      
      • responseText：以字符串形式接收后端程序的返回值
        
      • responseXML：以XML格式接收后端程序的返回值
        
• GET缓存
  
  • 什么是缓存
    
    • cache---缓存