## 方法1 ### 一个完整的ajax步骤： 1、创建ajax核心对象 2、与服务器建立连接 3、发送请求 4、响应 ``` //easy-mock模拟一个get接口 var url = "https://www.easy-mock.com/mock/5bad8210a1b7f6239a61664f/pcTest"; //新建一个HTTP请求 var xhr = new XMLHttpRequest(); xhr.open("get", url); xhr.send();//发送请求 xhr.onreadystatechange = function () { //当请求成功时 if (xhr.readyState === 4 && xhr.status == 200) { var reponse = xhr.responseText; //JSON.parse()将字符串转为json对象 var name = JSON.parse(reponse).data.name; console.log(name) } } ``` ***** ## 方法2 记得导入jQuery ``` <div id="div"></div> <img src="" alt=""> <script> $.ajax({ url: "http://douban.uieee.com/v2/movie/top250", dataType: "jsonp", success: res => { let subjects = res.subjects[0]; let { title, images } = subjects; //解构 $("#div").html(title) $("img").attr("src", images.small) console.log(res) } }) </script> ```