美文网首页
jsonp 跨域小记

jsonp 跨域小记

作者: Tiny_z | 来源:发表于2016-11-19 21:28 被阅读8次

    本文主要记录使用jsonp进行跨域的一些细节

      $('.btn').on('click',function(){
            $.get(
                'xxx.html',
                function(data){
                    //do something
                },
                'json'
            )
        });
    

    上面是我们通常调取某个接口信息的方式,但如果这个接口不是在我们本域名,就会产生跨域的问题,下面我们可以更改一下,使用jsonp的方式来调用某个接口

    $('.btn').on('click',function(){
            $.ajax({
                 type: "get",
                 url: "xxx.json",
                 dataType: "jsonp",
                 success: function(json){
                     //do something
                 },
                 error: function(){
                     //fail
                 }
             });
        });
    

    我们可以模拟一个json数据,但是在这个json里面返回的数据格式需要改一下,类似下面这样.jsonp只支持get方式

      callback({"status":1})
    

    相关文章

      网友评论

          本文标题:jsonp 跨域小记

          本文链接:https://www.haomeiwen.com/subject/ihowuttx.html