原生的Ajax实现前后端数据交互

 /**
         *使用ajax需要获取XmlHttpRequest对象
         * XmlHttpRequest对象时ajax的核心
         * 通过该对象可以建立与服务端的连接，并发送请求，并获得服务端的回传结果，然后处理
         *  Ajax的实现步骤:
         *      1.创建XMLHttpRequest对象
         *      2.建立与服务端的连接
         *      3.注册回调函数,onreadystatechange
         *        - 在回调函数中对服务端响应的结果进行处理
         *      4.发送请求
         */

      //1.获取xml对象
      let xmlHttpRequest = new XMLHttpRequest();
      //2.建立连接
      xmlHttpRequest.open("GET","ajax.do?id=1001");
      //3.获取状态
        /**
         * onreadystatechange：请求响应状态改变事件,监测请求的响应状态
         * 当请求或响应的状态码发生改变时该事件绑定的函数自动执行
         */
      xmlHttpRequest.onreadystatechange=function(){
        /**
        * status表示响应的HTTP状态码
        * readystate用来标识当前XMLHttpRequest对象处于什么状态
        **/
       if (xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
         //获取服务器端回传的字符串
         let responseText = xmlHttpRequest.responseText;
         alert(responseText);
       }
      }
      xmlHttpRequest.send(null);