javascript - 将 jquery 代码转换为跨浏览器 Ajax 请求的原型(prototype)以获得最新推文

Question

将 jquery 代码转换为跨浏览器 Ajax 请求的原型(prototype)

我的第一篇文章!

我必须获取最新的推文，因此必须执行跨浏览器请求。目前的应用程序使用原型(prototype)，但我对jquery有点熟悉。

所以，我开始使用 jquery 作为:

$.ajax('http://twitter.com/status/user_timeline/apocalyptic_AB.json?count=1&callback=?', {
  dataType: "jsonp",
  success:function(data,text,xhqr){
    $.each(data, function(i, item) {
      console.log(item.text);
    });
  }
});

我收到如下警告:

'Resource interpreted as Script but transferred with MIME type application/json.'

但是，我确实可以看到我的最后一条推文。很好。

因此，我决定在原型(prototype)中做同样的事情，然后尝试消除警告(如果有的话)。但是，即使尝试了几个小时，我也无济于事。

这是我最初在原型(prototype)中想出的。随后我进行了很多更改/改动，但都没有奏效。

new Ajax.Request('http://twitter.com/status/user_timeline/apocalyptic_AB.json?count=1&callback=?', {
  contentType: "jsonp",
  onSuccess:function(transport){
    console.log(transport) ;
  }
});

请求成功但响应文本为 nil/""。我在 Firefox 中没有错误，但在 Chrome 中错误是:

XMLHttpRequest cannot load http://twitter.com/status/user_timeline/apocalyptic_AB.json?count=1&callback=?. Origin http://localhost:4000 is not allowed by Access-Control-Allow-Origin.
Refused to get unsafe header "X-JSON"

任何帮助将不胜感激。谢谢。

Answer 1

感谢 Darin 让我回到 Dandean 的 JSONP 原型(prototype) js。

虽然我一开始没有提到(问题有点长)，但我曾尝试使用 Dandean 的 Ajax.JSONRequest(您所指的链接)。请求不断失败，我没有进一步使用它，因为我假设它也可以非常直接地在原型(prototype)中完成，比如 jquery。由于我没有得到更多的答案，这是理所当然的，所以我决定使用 Ajax.JSONRequest 来解决问题。请求失败不是由于网关超时。这是因为请求url中重复了params回调。

于是，请求url原来是

GET (twitter.com/status/user_timeline/apocalyptic_AB.json?count=1&&callback=?&callba‌ck=_prototypeJSONPCallback_0) 

因此，我在没有回调的情况下定义了我的 url，它按预期执行。但是，我仍然收到警告:

Resource interpreted as Script but transferred with MIME type application/json

这是等效的原型(prototype):

new Ajax.JSONRequest('http://twitter.com/status/user_timeline/apocalyptic_AB.json?count=1', {
    onSuccess:function(response){
    response.responseJSON.each(function(item){
        console.log(item.text);
    });