[TOC] # 一 ## 1. 新建一個`js`文件夾 存放需要封裝的內容 ## 2. 如建立一個 `http.js` 文件 // js/http.js ``` function http(url,callcake){ $.ajax({ type:"get", url, dataType:"jsonp", success(res){ callcake(res); var imgUrl = res.subjects[0].images.small; $("img").attr("src",imgUrl); } }) } ``` ## 3. 在html頁面引入相關文件· ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script src="js/http.js"></script> ``` ``` <img src="shuaige.jpg" alt=""> <script> var url = "https://douban.uieee.com/v2/movie/in_theaters" http(url,handleData); function handleData(res){ console.log(res); } </script> ``` # 對象封裝 > 步驟應和`一`一樣，此處有簡化，不規范 ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> ``` ``` <img src="shuaige.jpg" alt=""> <script> var url = "https://douban.uieee.com/v2/movie/in_theaters"; var obj ={ url, handleData:function(res){ console.log(res); } } http(obj); function http(obj){ $.ajax({ type:"get", url:obj.url, dataType:"jsonp", success(res){ obj.handleData(res); var imgUrl = res.subjects[0].images.small; $("img").attr("src",imgUrl); } }) } </script> ```