jsonp 跨域小记

2016-11-19  本文已影响8人  Tiny_z

本文主要记录使用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})
上一篇 下一篇

猜你喜欢

热点阅读