关于跨域的方法

原创于 2019-02-25 19:24:45 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
    * jsonp能实现跨域请求，动态的创建script标签，然后利用script的src，不受同源策略的约束，来跨域的获取数据
    *
    * */
</script>
<!--方法一：-->
<script type="text/javascript">
    function callbackFunction(res) {
        console.log(res);
    }
</script>
<script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script>


<script src="js/jquery-1.12.4.js"></script>
<script>
    //方法二：
    $.ajax({
        type:"get",
        url:"http://www.runoob.com/try/ajax/jsonp.php",
        dataType:"jsonp",
        //请求php的参数名
        jsonp:"jsoncallback",
        //要执行的回调函数
        jsonpCallback:"callbackFunction",
        success:function (res) {
            console.log(res);
        }
    })

    //方法三：
    $.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {
        console.log(data);
    });
</script>

</body>
</html>