Ajax请求

首先我们要了解Ajax是什么

• Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
• 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
• Ajax HTTP脚本化 使用js代码来控制HTTP请求。
  访问 http://IP或域名:80/文件名
  例：http://10.35.161.142:80/index.html

接下来我们了解一下Ajax的步骤

 http可省略 。默认端口80，可省略。其他不行
//1.实例化一个XMLHttpRequest对象

    Let http = new XMLHttpRequest( );
    
//2.规划一个请求open(method,url,async)

    http.open("get","http://xxx.xXX.xXX.xxx/xxxx.xXx",true);
    http.open("get","http://10.35.161.142/data.txt",true)
        //true 为异步 - 同时执行多个
        //false 为同步 - 等一个执行完，才执行下一个
        
//3.使用send()发送请求

    http.send()
    
//4.接收服务器端返回的内容  

    http.onreadystatechange = function(){
        console.log(http.readyState)
        if (http.readyState === 4){
            http.responseText
        }
    }
    
    //http.onreadystatechange事件 - 当请求状态发生变化时就会触发这个事件
    //http.readyState属性 - 表示当前网路状态
        //在第一步时返回值0，第二步 1，第三步 1，当用户收到时 4；
    //http.responseText 返回请求文件的内容
//一般为异步，
    //http.onreadystatechange = function(){if (http. readyState === 4){}}
    可以判断什么时候返回请求文件内容