jsonp 跨域读取数据

最新推荐文章于 2021-07-30 01:39:47 发布

shanghome

最新推荐文章于 2021-07-30 01:39:47 发布

阅读量71

点赞数

分类专栏：学习文档文章标签： jsonp

本文链接：https://blog.csdn.net/shanghome/article/details/100169729

版权

学习文档专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input type="button" value="获取数据了" οnclick="getData();">

<script type="text/javascript" src="/static/jquery-1.12.4.js"></script>
<script type="text/javascript">
    //第一种方法
    function jsonpGetData() {
        var tag = document.createElement("script");
        tag.src = "http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403";
        document.head.appendChild(tag);
        document.head.removeChild(tag);
    }

    //第二种方法
    function getData() {
        $.ajax({
            type:"get",
            async:false,
            url: "http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403",
            dataType: 'jsonp',
            datetime: 4800,
            error: function (e) {

            }
        })
    }
    
    //回调函数
     function list(data) {
        console.log(data.data);
    }

</script>

</body>
</html>

shanghome

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsonp 跨域读取数据

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="获取数据了" oncli...
复制链接

扫一扫