书写jsonp 书写 ajax

function jsonp(url,data){

    return new Promise((resolve,reject)=>{

      var  funName = “callback”+Date.now()+Math.random();

      var  script = document.createElement("script");

      src = url+"callback="+funName;

      document.body.appendChild(script);

      script.                                                                                                                                                                                                                                                  src = src;

      window[funName]=function(data){

           resolve(data);

           document.body.removeChild(script)

      }

      script.onerror = function(err){reject(err)}

    })

}

书写 ajax

ajax核心是通过XMLHttpRequest（xhr）与服务器异步交换数据，实现前端刷新更新视图

 var  xhr = new XMLHttpRequest();

    // 创建一个xhr对象

    xhr.open("get","url地址")

    //打开连接get方式

    xhr.send(data)

    // 发送数据到服务器

    xhr.onreadystatechange = function(){

    // 监听xhr的变化

      if(xhr.readystate===4){ //状态4成功

         if(xhr.status ===200){ //响应码200

           // xhr.responseText 获取的数据

         }

       }

    }