在主页加载上传递json

Question

请原谅这个问题的noob-ish性质。

我有一个项目，其中主页是一个带有标记的大型谷歌地图，点击时会显示包含在标记位置拍摄的照片的信息框。我还有一张照片#show action，用户可以在照片/ show.html.erb视图中查看单张照片。我最近为每张照片整合了“tweet”和“FB-like”按钮;所以现在我更有可能让观众从Twitter或FB进入我的网站，点击了“www.photoshowisus.com/photos/34”这样的网址。

现在我想更改照片#show action，以便照片及其标记显示在主页地图上而不是单独的视图中。

从照片中渲染家庭视图#show action不是问题（我不是那么多菜鸟），但我确实有两个问题。首先，服务器照片#show响应如何呈现'pages / home'和id参数中请求的照片的json？我想我可以将地图设置为嵌套布局，这样我就不必渲染主页了，但我仍然需要一些方法将json对象传递给我的application.js代码。

第二，如何在我的application.js代码中“抓取”json对象？有没有办法通过像.ready（）这样的事件来实现它？注意，一旦我有权访问json对象，我已经很好地使用了我的javascript例程。

提前感谢您提供小时帮助！

Answer 1

如何在文档就绪时使用jQuery的.getJSON()来获取Ajax？

$(function(){
   $.getJSON("http://yourdomain.com/path/to/json", function (data){
       // Do what you like with your JSON available in the data-variable
   }); 
});