如何在fetch/axios跨站点请求上使用JSONP

Question

我试图在wikipedia API上执行GET请求。使用jQuery如下工作正常：

$.ajax({ 
    url: 'https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=pageimages|extracts&pilimit=max&exintro&explaintext&exsentences=1&exlimit=max&gsrsearch=Test&callback=JSON_CALLBACK', 
    type: 'GET', 
    headers: {'X-Requested-With': 'XMLHttpRequest'}, 
    crossDomain: true, 
    dataType: 'jsonp' 
}).done(function(data) { 
    console.log("Data: ", data); 
}); 

但我想用提取或爱可信API，它在飞行前停止与请求方法：选项。为什么它在jQuery中工作，但不在其他API中？

axios.get('https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=pageimages|extracts&pilimit=max&exintro&explaintext&exsentences=1&exlimit=max&gsrsearch=Test&callback=JSON_CALLBACK', 
    { headers: {'X-Requested-With': 'XMLHttpRequest', 
       'content-type': 'text/plain'} 
    }) 
    .then(function (response) { 
     console.log("Response: ", response); 
    }); 

我发现它可能与GET请求的内容类型，jQuery的默认似乎是text/plain的，但试图改变内容时，我没有成功 - 正在发送为text/html的提取/ axios请求类型。

有什么想法可能是什么问题？

Answer 1

我发现问题与请求的内容类型无关。

问题是由于API（提取和axios）不支持jsonp请求。使用JSONP OS我来说不明确的，我可以在这里找到一个很好的解释：https://stackoverflow.com/a/6879276/4051961

虽然他们不支持的话，他们提供替代方案来执行JSONP请求：

爱可信： https://github.com/mzabriskie/axios/blob/master/COOKBOOK.md#jsonp
获取：https://www.npmjs.com/package/fetch-jsonp

Answer 2

推荐的方式与爱可信访问JSONP实际上是不使用爱可信：

1. The Discussion on Why (not)

2. A similar question

3. Alternative Suggestion from Axios

总之安装：

npm install jsonp --save 

使用它像：

var jsonp = require('jsonp'); 

jsonp('http://www.example.com/foo', null, function (err, data) { 
    if (err) { 
    console.error(err.message); 
    } else { 
    console.log(data); 
    } 
});