位置:首页 > 建站笔记 > JavaScript > jQuery 跨域Ajax数据获取

jQuery 跨域Ajax数据获取

发布时间:2021-01-08 13:03:41

文章来源:原创

访问次数:5

原来打算做插件用的,没想到插件不支持,那也只能先记下了。

 <html>
 <head>
    <title>跨域测试</title>
    <script src="http://cdn.fh.lykep.com/antired2.0/js/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#btn").click(function () {
                $.ajax({
                    url: "http://t.ly404.cn/api.php?url=https://www.lykep.com/",
                    type: "GET",
                    success: function (data) {
                        $("#text").val(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <textarea id="text" style="width:400px; height:100px;"></textarea>
    <input id="btn" type="button" value="跨域获取数据" />
</body>
</html>



后台代码:

<?php
header('Access-Control-Allow-Origin: *');//必须
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');//必须
echo '数据';(登陆可见)


本文链接:http://www.hzlm.net/javascript/79.html


文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~