阿宽

Nothing is more powerful than habit!
随笔 - 692, 文章 - 4, 评论 - 388, 阅读 - 149万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

跨域-使用js文件

Posted on   宽田  阅读(685)  评论(0编辑  收藏  举报

文章目录:

    跨域-知识

    跨域-使用JSONP

    跨域-使用js文件

    跨域-使用window.name

    跨域-使用Proxy page或Cross Frame      


 

   此种方法与Jsonp方法类似。是呼叫js文件。通过文件传值。方法如下。

 

1、在B域(B.com)中建立一个Js文件 JsCreateJson.js。此js返回一个json。代码如下。

{ symbol: 'IBM', price: 91.42 }

 

2、在A域(A.com)使用CrossByReferenceJs.aspx动态调用此文件。代码如下。

复制代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossByReferenceJs.aspx.cs"
    Inherits
="IframeTest.CrossByReferenceJs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22>
<html xmlns="http://www.w3.org/1999/xhtml%22>
<head runat="
server">
    <title></title>
    <script type="text/javascript">
        
function showPrice(data) {
            alert(
"Symbol: " + data.symbol + ", Price: " + data.price);
        }

        
var JSONP = document.createElement("script");
        
//FF:onload IE:onreadystatechange
        JSONP.onload = JSONP.onreadystatechange = function () {
            
//onreadystatechange,仅IE
            if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
                JSONP.onload 
= JSONP.onreadystatechange = null//请内存,防止IE memory leaks
            }
        }
        JSONP.type 
= "text/javascript";
        JSONP.src 
= "http://b.com/JsCreateJson.js%22";
        //在head之后添加js文件
        document.getElementsByTagName(
"head")[0].appendChild(JSONP);
    </script>
</head>
<body>
    <form id=
"form1" runat="server">
    <div id=
"demo">
        <%--显示调用结果--%>
        <input id=
"Button1" type="button" value="button" onclick="showPrice()" />
    </div>
    </form>
</body>
</html>
复制代码

 

 

编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
历史上的今天:
2008-11-12 Oracle中的to_date()函数
2008-11-12 Ms-Sql数据库文件太大处理
2008-11-12 如何查看Ms-sql调度
2007-11-12 C# 操作符重載學習
点击右上角即可分享
微信分享提示