javascript 跨域调用js文件问题.....

javascript 跨域调用js文件问题.....,第1张

三种方法实现js跨域访问

1基于iframe实现跨域

   基于iframe实现的跨域要求两个域具有aaxxcom,bbxxcom这种特点,也就是两个页面必须属于一个基础域(例如都是xxxcom,或是xxxcomcn),使用同一协议(例如都是 >页面一代码:
<html>
<head>
  <script>
   documentdomain = "xxcom";
    function aa(){
      alert("p");
   }
  </script>
</head>
<body>
   <iframe src=";页面二代码:
<html>
 <head>
  <script>
    documentdomain = "xxcom";
    function a(){
    alert("c");
     }
  </script>
 </head>
 <body>
 </body>
</html>

这时候父页面就可以调用子页面的a函数,实现js跨域访问

2基于script标签实现跨域

   script标签本身就可以访问其它域的资源,不受浏览器同源策略的限制,可以通过在页面动态创建script标签,代码如下

  var script = documentcreateElement('script');
  scriptsrc = ");

这样通过动态创建script标签就可以加载其它域的js文件,然后通过本页面就可以调用加载后js文件的函数,这样做的缺陷就是不能加载其它域的文档,只能是js文件,jsonp便是通过这种方式实现的,jsonp通过向其它域传入一个callback参数,通过其他域的后台将callback参数值和json串包装成javascript函数返回,因为是通过script标签发出的请求,浏览器会将返回来的字符串按照javascript进行解析执行,实现了域与域之间的数据传输。

jquery中对jsonp的支持也是基于此方案

3后台代理方式

   这种方式可以解决所有跨域问题,也就是将后台作为代理,每次对其它域的请求转交给本域的后台,本域的后台通过模拟>

nginx配置

文件目录

通过9009和9008端口访问得到结果一致

判断应该是node服务器没有 /x/y目录,所以404了

服务器推荐用nginx,配置简单,性能强悍。
nginx可以使用代理访问后端的Nodejs应用服务器。
配置方法:
1)在配置文件>

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10750104.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-11
下一篇2023-05-11

发表评论

登录后才能评论

评论列表(0条)

    保存