一、跨域的概念

当协议，子域名，主域名，端口号，任意一个不同时,就算作不同的域。

  • 不同域之间请求资源就算做跨域。
  • Javascript出于安全性的考虑,不允许跨域调用其他页面的对象。简单理解就是因为Javascript同源策略的限制,a.com域名下的js无法操作b.com域名下的对象

    二、如何解决跨域

  1. jsonp
  2. 服务器的解决方案
  3. js中script标签不受同源策略的影响也可以实现跨越
  1. <script src="lib/jquery-3.4.1.js"></script>
  2. </head>
  3. <body>
  4.     <script>
  5.         var url = "https://douban.uieee.com/v2/movie/top250"  
  6.         /* $.ajax({
  7.             url,
  8.             type:"get",
  9.             dataType:"json",
  10.             success:res=>{
  11.                 console.log(res)
  12.             }
  13.         })   */
  14.         var script = document.createElement("script");
  15.         script.src= url+"?callback=handleData";
  16.         document.body.append(script)
  17.         function handleData(res){
  18.             console.log(res)
  19.         }
  20.     </script>
  21. </body>
  22. </html>