bing 搜索 api ajax 不起作用

发布于 2024-09-03 15:26:09 字数 1085 浏览 3 评论 0原文

我想通过 JavaScript 使用 Bing 的搜索 api。实际上，我希望用户编写一些内容并查询 Bing，以便仅获取图像。

所以，我尝试使用ajax。如果我尝试 URL http: //api.search.live.net/xml.aspx?Appid=[YOURAPIKEY]&sources=image&query=home 直接（使用浏览器）我确实得到了一个 xml 文档。

但如果我使用 XMLHttpRequest 它不起作用。

<html>

<body>

<script>

var xhr = new XMLHttpRequest();
var url="http://api.search.live.net/xml.aspx?Appid=[YOURAPIKEY]&sources=image&query=home"
xhr.open("GET", url, true );
xhr.onreadystatechange=function(){
    /*if( xhr.readyState == 4 && xhr.status == 200) {
        document.write( xhr.responseText );
    }*/
    alert( "state: "+xhr.readyState +" status: "+xhr.status +" statusText: "+xhr.statusText +" respText: "+xhr.responseText);
};
xhr.send(null);



</script> 

</body>
</html>

问题： 1）为什么上面的代码不起作用？ 2）没有 XMLHttpRequest 的情况下还有其他方法吗？

谢谢。

顺便提一句。我只是有兴趣修复 Firefox 的这个问题，而不需要外部库（jquery 等）。

原文

I want to use the Bing's search api with javascript.
Actually, I want the user to write something and query Bing in order to get just images.

so, I tried it using ajax.
If I try the url http://api.search.live.net/xml.aspx?Appid=[YOURAPIKEY]&sources=image&query=home directly (with the browser) I do get an xml document.

but if I use XMLHttpRequest it does not work.

<html>

<body>

<script>

var xhr = new XMLHttpRequest();
var url="http://api.search.live.net/xml.aspx?Appid=[YOURAPIKEY]&sources=image&query=home"
xhr.open("GET", url, true );
xhr.onreadystatechange=function(){
    /*if( xhr.readyState == 4 && xhr.status == 200) {
        document.write( xhr.responseText );
    }*/
    alert( "state: "+xhr.readyState +" status: "+xhr.status +" statusText: "+xhr.statusText +" respText: "+xhr.responseText);
};
xhr.send(null);



</script> 

</body>
</html>

Questions:
1) why does the code from above does not work?
2) any other way to do this without XMLHttpRequest?

thanks.

btw. I'm just interested in fix this for Firefox and without external libraries (jquery and so on).

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

攒一口袋星星 2024-09-10 15:26:09

不能做XHR跨域。你需要 JSONP。

<script type="text/javascript">
function processBingImages(resp){
  ...
};
</script>
<script type="text/javascript" src="http://api.search.live.net/json.aspx?Appid=[YOURAPIKEY]&sources=image&query=home&JsonType=callback&JsonCallback=processBingImages"></script>

如果需要，您可以使其动态化（使用createElement("script")等）。请参阅此答案。

通过使用 JsonType=callback 我们指定 JSONP，并且 JsonCallback 参数指定响应应调用 processBingImages。 MSDN 文档提供了详细信息。

You can't do XHR cross-domain. You need JSONP.

<script type="text/javascript">
function processBingImages(resp){
  ...
};
</script>
<script type="text/javascript" src="http://api.search.live.net/json.aspx?Appid=[YOURAPIKEY]&sources=image&query=home&JsonType=callback&JsonCallback=processBingImages"></script>

You can make this dynamic (using createElement("script"), etc.) if needed. See this answer.

By using JsonType=callback we specify JSONP, and the JsonCallback parameter specifies that the response should call processBingImages. The MSDN documentation has details.

回复收藏 0 原文

~没有更多了~