javascript - JSONP 请求错误

Question

我正在尝试向这个 url 发出请求:

https://en.wikipedia.org/w/api.php?action=opensearch&search=apple&limit=5&namespace=0&format=json

...使用 JSONP。

我用来发出这个请求的函数是

 <script>

 function foo(data)
 {
 var obj = JSON.parse(data);
 console.log(obj);

 }

 var script = document.createElement('script');
 script.src = 'https://en.wikipedia.org/w/api.php?action=opensearch&search=apple&limit=5&namespace=0&format=jsonp?callback=foo'

 document.getElementsByTagName('head')[0].appendChild(script);
 // or document.head.appendChild(script) in modern browsers

 </script>

当我在谷歌浏览器中加载这个函数时，我得到了

 Refused to execute script from 'https://en.wikipedia.org/w/api.php?action=opensearch&search=apple&limit=5&namespace=0&format=jsonp?callback=foo' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

... 在控制台中。我如何执行这个请求？谢谢!!!

Answer 1

尝试将 src URL 更改为以下内容:

https://en.wikipedia.org/w/api.php?action=opensearch&search=apple&limit=5&namespace=0&format=json&callback=foo

这应该会导致 API 发送您正在寻找的适当 JSONP 响应。

编辑 - 现在有工作代码。

function foo(data)
{
   console.log(data[0]);
}

 var script = document.createElement('script');
 script.src = 'https://en.wikipedia.org/w/api.php?action=opensearch&search=apple&limit=5&namespace=0&format=json&callback=foo'

 document.getElementsByTagName('head')[0].appendChild(script);
 // or document.head.appendChild(script) in modern browsers