zoukankan      html  css  js  c++  java
  • 跨域使用js文件

    文章目录:

        跨域-知识

        跨域-使用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>
  • 相关阅读:
    CUDA ---- 线程配置
    IOC/DI-控制反转----AOP-面向切面编程-----SpringMvc框架
    @RequestMapping与@PostMapping等新注释的curd操作
    SSM框架整合
    webapp下jsp文件报错
    基于maven使用IDEA创建多模块项目
    CURD
    Linux终端常用命令
    pom文件-常用插件jar包
    application常用配置
  • 原文地址:https://www.cnblogs.com/scottckt/p/2246749.html
Copyright © 2011-2022 走看看