JSONP请求错误

Question

I'm trying to make a request to this url:

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

...using JSONP.

The function I'm using to make this request is

 <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>

When I load this function in google chrome I get

 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.

... in the console. How do I execute this request? Thanks!!!

Answer 1

Try changing the src URL to the following:

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

This should cause the API to send the appropriate JSONP response you are looking for.

EDIT - Now with working code.

 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