原生和jquery使用jsonp解决跨域问题

最新推荐文章于 2021-09-12 19:12:52 发布

mzrxLXR

最新推荐文章于 2021-09-12 19:12:52 发布

阅读量316

点赞数

分类专栏： js 文章标签： jsonp

本文链接：https://blog.csdn.net/mzrxLXR/article/details/81368492

版权

js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <div id="app"></div>    
    </body>
     <!--原生跨域请求数据-->
     <!--因为浏览器的script标签是不受同源策略限制的,所以我们可以在script标签访问任何域名下的资源文件-->

   <script type="text/javascript">
        function jsonpCallback(result) {   
            console.log(result)
        }
    </script>
        <script type="text/javascript" src="https://api.douban.com/v2/movie/top250?  callback=jsonpCallback"></script>  

    <script type="text/javascript">

        //jquery请求数据 设置dataType"jsonp"就可以   
        //jsonp的方式只是针对get请求方式，不支持post请求。这也是Jsonp方式的局限性。
        $.ajax({
            type:"get",
            url:"https://api.douban.com/v2/movie/top250",
            async:true,
            /* 虽然jQuery将JSONP封装在$.ajax中，如果设为dataType: 'jsonp'，这个$.ajax方法就和ajax XmlHttpRequest没什么关系了，取而代之的则是JSONP协议。 */
            dataType:"jsonp",   
            success:function(data){
                console.log(data)
            }           
        });


    </script>
</html>

mzrxLXR

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
原生和jquery使用jsonp解决跨域问题

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="http://code.jquery.com/jquery-latest.js&qu
复制链接

扫一扫

专栏目录