[參考網址]("https://www.cnblogs.com/chenshishuo/p/4919224.html") 瀏覽器對于javascript的同源策略的限制,例如a.cn下面的js不能調用b.cn中的js,對象或數據(因為a.cn和b.cn是不同域),所以跨域就出現了. 當協議，子域名，主域名，端口號，任意一個不同時,就算作不同的域。 不同域之間請求資源就算做跨域。 Javascript出于安全性的考慮,不允許跨域調用其他頁面的對象。簡單理解就是因為Javascript同源策略的限制,a.com域名下的js無法操作b.com域名下的對象。  ## 如何解決跨域 ### 1.jsonp ~~~ $.ajax({ type:"method", url:"", dataType:"jsonp", jsonp:"callback", success:function(data){ }, error:function(xhr){ console.log(xhr.status) } }) ~~~ ~~~ <script> // 使用jsonp跨域 $(function(){ var url = "https://api.douban.com/v2/book/search?q=javascript&count=1"; $.ajax({ url, method:"get", dataType:"jsonp", success(data){ console.log(data); }, error(xhr){ console.log(xhr.status); } }) }) </script> ~~~ ~~~ <script> // 使用jsonp跨域 $(function(){ var url = "https://api.douban.com/v2/book/search?q=javascript&count=1"; $.ajax({ url, method:"get", dataType:"jsonp", success(data){ console.log(data); }, error(xhr){ console.log(xhr.status); } }) }) </script> ~~~ ### 2.服務器的解決方案  ### 3.js中script標簽不受同源策略的影響也可以實現跨越 ~~~ var script = document.createElement("script"); script.src = "http://api.douban.com/v2/movie/subject/1764796? &callback=handleResponse"; document.body.prepend(script); function handleResponse(res) { // 對response數據進行操作代碼 console.log(res) } ~~~ ~~~ <script> var url="http://api.douban.com/v2/movie/subject/1764796" var script = document.createElement("script"); script.src = `${url}?&callback=handleResponse`; document.body.prepend(script); function handleResponse(res) { // 對response數據進行操作代碼 console.log(res); } </script> ~~~