欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 实现JSONP

程序员文章站 2022-12-22 17:32:14
编写一个 jsonp.html 内容如下: ......

编写一个 jsonp.html 内容如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
<!--
    点击 button 后添加一个 script
    <script>
        list([11,22,33,44])
    </script>
-->
</head>
<body>
    <input type="button" onclick="jsonprequest();" value="跨域请求" />

    <script>
        tag = null;
        function jsonprequest() {
            tag = document.createelement('script');
            tag.src = 'http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403';   // 对方网站协商返回 list([11,22,33,44]) 数据
            document.head.appendchild(tag);          // 在 head 处添加<script>标签
        }

        // 定义 list() 函数
        function list(arg) {
            console.log(arg);                       // 打印 list() 函数内的参数
            document.head.removechild(tag);         // 在 head 处移除<script>标签
        }
    </script>

</body>
</html>

js 实现JSONP