跨域 jquery ajax 未获取 json

Question

我只是创建了一个 Rails 3.0 脚手架并使用 json 公开它，并保持它运行。

因此，如果我点击 http://localhost:3001/objects.json

我会在浏览器中看到 json 数据

接下来我有一个纯 html，其中包括 code.jquery.com/jquery-1.7.min.js。我在 firefox(ubuntu) 中打开此页面，然后打开 firebug 控制台并尝试按照

var myurl = 'http://localhost:3001/objects.json';

$.ajax({
url: myurl,
dataType: 'jsonp',
error: function(data){ console.log("error:"+data); console.log("error:"+data.readyState); },
success: function(data){ console.log("success:"+data); }
});

我想在成功处理程序中获取相同的 json ，到目前为止我观察到的是，

如果指定 dataType: 'jsonp'

1. 我确实得到 json 响应(已检查与 firebug:Net) 一样，就像我在浏览器中看到的那样，
2. 我没有得到成功调用
3. ，我确实得到了错误调用，状态代码= 4，状态=“成功”，

否则我得到的

响应为空白

，还有一件事，每次我得到200回来。

有任何提示...这里发生了什么事吗？

添加我的服务器端代码和日志

代码=>

# GET /objects
# GET /objects.json
def index
  @objects = Object.all

  respond_to do |format|
    format.html # index.html.erb
    format.json  {
      render :json => @objects.to_json, :layout => nil
      }
  end
end

日志样本=>

Started GET "/objects.json?callback=jQuery17024293556233345082_1321347517236&_=1321347853199" for 127.0.0.1 at 2011-11-15 14:34:13 +0530
  Processing by objectsController#index as JSON
  Parameters: {"callback"=>"jQuery17024293556233345082_1321347517236",     "_"=>"1321347853199"}
  [1m[35mobject Load (0.1ms)[0m  SELECT `objects`.* FROM `objects`
Completed 200 OK in 11ms (Views: 5.4ms | ActiveRecord: 0.1ms)

Answer 1

我认为你使用 $.getJSON 可能会更好

Answer 2

也许您返回的结果是错误的 Content-type （不是 jsonp）。如果您希望 jQuery 触发“成功”事件而不管 Content-type，请从 ajax 选项中删除 dataType 参数

Answer 3

首先，我猜测它应该是 Object.all

我假设您发出请求的服务器与为您提供 JSON 数据的服务器不同。即在这种情况下有不同的端口，或者我认为不需要使用 JSONP。

JSONP 不是 ajax，但在脚本标签中使用 src 属性。如果您尝试从同一服务器访问信息，则应该采用 dataType: json 方法。

如果您从不同的服务器获取信息，我建议您在 url 流的末尾添加 ?callback=?。

对于 Jquery $.getJSON 应该是可行的方法。例如

<代码>
$.getJSON(url, 数据, 函数(响应){
// 做一些有响应的事情；
});

参考http://api.jquery.com/jQuery.getJSON/

中引用您最后的评论使用此格式。

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "cat",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){});

  });

更新
只记得这一点，如果您可以控制两台服务器，您是否会发送 JSONP 响应？如果这是您的 JSON 数据，

response = { status:'success', message:'Successfully created object'}

要将其作为 JSONP 发送，您必须将其包装在 function() 中。就像

jsoncallback + "(" + JSON.stringify(response)  + ");";

它的作用是执行 Jquery 生成的函数（这是在指定回调=？时在内部完成的。您可以通过检查 localhost:3001 日志获取该值）并将 JSON 数据作为参数传递给该函数。

因此，如果在服务器端您没有生成 JSON-P 响应，它将无法工作。

Answer 4

很久以前我们就遇到过类似的问题，尽管是使用 json，而不是 jsonp。而且这不是跨域问题。根据我的记忆，我相信我们必须从控制器中删除 respond_to 并提供 :status => 200 渲染方法使其正常工作。我不太确定，但你可以尝试一下。