AJAX Day01

发布于 2020-05-13  40 次阅读


Table of Contents

  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
  • AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
  • AJAX 主要功能: 异步请求, 局部刷新
  • 使用Ajax
    • 1.创建对象
      • var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }

    • 2.发送请求
      • open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)
        send(string) 将请求发送到服务器。

        string:仅用于 POST 请求 |
        | setRequestHeader(header,value) | 向请求添加 HTTP 头。
        header: 规定头的名称
        value: 规定头的值 |

    • 3.服务器响应
      • 属性 描述
        responseText 获得字符串形式的响应数据。
        responseXML 获得 XML 形式的响应数据。
    • 4.ajax事件
      • 属性 描述
        onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
        readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

        0: 请求未初始化
        1: 服务器连接已建立
        2: 请求已接收
        3: 请求处理中4: 请求已完成,且响应已就绪 |
        | status | 200: "OK"404: 未找到页面 |

  • 4.扩展延伸知识

    • ajax适配函数不生效问题

      • 可能是浏览器缓存旧的js文件

    5.知识内容个人梳理

    6.今天都复习了之前的什么内容