javascript - 无法到获取到jsonp

Question

代码如下

                $.ajax({
                    url: 'http://ip.taobao.com/service/getIpInfo.php?ip=' + Ip,
                    type: "GET",
                    dataType: 'jsonp',
                    jsonp: 'jsoncallback',
                    data: 'qsData',
                    timeout: 5000,
                    success: function (result) {
                        var dataObj = eval('(' + result + ')')
                        console.log(result);
                    }
                });
                
                

错误提示：getIpInfo.php?ip=60.190.83.242&jsoncallback=jQuery1121077…_1480386518973&qsData&_=1480…:1 Uncaught SyntaxError: Unexpected token :

以下是我用过的方法：

              1、  var url = "http://ip.taobao.com/service/getIpInfo.php?ip=".Ip;
                   $.getJSON(url, function (result) {
                    var obj = eval('(' + result + ')');
                    alert(obj);
                  });
             2、  $.ajax({
                    url: 'http://ip.taobao.com/service/getIpInfo.php?ip=' + Ip,
                    data: 'data',
                    success: 'callback',
                    dataType: 'json',
                    success: function (result) {
                        var dataObj = eval('(' + result + ')')
                        console.log(result);
                    }
                });   
                  报错：XMLHttpRequest cannot load http://ip.taobao.com/service/getIpInfo.php?ip=60.190.83.242&data. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:11878' is therefore not allowed access.

Answer 1

淘宝的这个接口的跨域方式不是jsonp的，而是cors的

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:11878' is therefore not allowed access.

参考文档
https://developer.mozilla.org...

jq代码示例

 $.ajax(
    url: url: 'http://ip.taobao.com/service/getIpInfo.php?ip=' + Ip,
    dataType: 'json',
    xhrFields:{
        'Access-Control-Allow-Origin': '*'
    }
)