使用JSONP解决跨域问题的实例

最新推荐文章于 2025-05-23 06:48:24 发布

原创最新推荐文章于 2025-05-23 06:48:24 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsonp

本文通过一个具体的示例展示了如何使用JSONP实现跨域数据请求。利用jQuery发起GET请求，从不同域名的服务器获取股票信息，并成功解析返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jsonp跨域</title>
</head>
<body>
    <button id="btn">get</button>
    <p id="text"></p>

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $("#btn").click(function(){
            $.ajax({
                type: "get",
                url: "http://api.money.126.net/data/feed/0000001,1399001?callback=refreshPrice",
                dataType: "jsonp",
                jsonp: "callback",
                jsonpCallback:"refreshPrice",
                success: function(data){
                    $("#text").html(data['0000001'].name + data['0000001'].price);
                },
                error: function(){
                    alert('fail');
                }
            });
        });
    </script>
</body>
</html>