Javascript jquery回调和json数据

我正在尝试解决如何获取返回的json数据并将其添加到当前视图中

我有这个

控制器

def rehomed
 respond_to do |format|
  format.js {render json: @animals }
  end
end

看法

看法

阿奇博尔德
约克郡梗
阿奇博尔德
约克郡梗
[
{“id”：104，“动物类型”：“狗”，“名字”：“哈利”，“描述”：“亨德雷特的Duis autem vel eum iriur dolor in hendrerit in vulputate velit esse molestie consequat，vel illum dolore eu fegian nulla facilisis in vero eros et acumsan et iusto odio dignessim qui blandit praesent luptatum.”，“年龄”：“1岁以下”，“身材”：“大”，“性别”：“男性”，“中性”：“否”，“chipped”：“No”，“child\u-friendly”：“No”，“reference”：“AB123456789”，“dog\u-breed\u-id”：2，“user\u-id”：12，“created\u-at”：“2014-10-28222:07:15.311Z”，“updated\u-at”：“2014-10-28222:07:15.311Z”，“cat\u-breed\u-id”：null，“rehomed”：false}，
{“id”：107，“动物类型”：“猫”，“名字”：“悉尼”，“描述”：“亨德雷特”的Duis autem vel eum iriur dolor in hendrerit in vulputate velit esse molestie consequat，vel illum dolore eu fegiant nulla facilisis in vero eros et acumsan et iusto odio dignessim qui blandit praesent luptum.”，“年龄”：“1岁以下”，“大小”：null，“性别”：“女性”，“中性”：“否”删节：“是”，“儿童友好型”：空，“参考”：“123456”，“狗的品种号”：空，“用户号”：12，“创建于”：“2014-10-28222:08:06.609Z”，“更新于”：“2014-10-28222:08:06.609Z”，“猫的品种号”：1，“重新安置”：假}，
{“id”：114，“动物类型”：“猫”，“名字”：“汤米”，“描述”：“四岁”，“大小”：空，“性别”：“女性”，“中性”：“否”，“缺口”：”是，“儿童友好型”：空，参考“：”123856473SS“，”狗狗品种号“：”空，“用户号“：”12，“创建于“：”2014-10-28222:09:20.640Z“，”更新于“：”2014-10-28222:09:20.640Z“，”猫猫品种号“：2，“重新安置”：假}，
{“id”：116，“动物类型”：“猫”，“名字”：“爱丽丝”，“描述”：“亨德雷特”中的Duis autem vel eum iriur dolor in hendrerit in vulputate velit esse molestie consequat，vel illum dolore eu fegiant nulla facilisis in vero eros et acumsan et iusto odio dignessim qui blandit praesent luptatum.”，“年龄”：“1岁以下”，“大小”：null，“性别”：“女性”，“中性”：“否”删节：“否”，“儿童友好型”：空，“参考”：“ghf4584624”，“狗的品种识别号”：空，“用户识别号”：12，“创建于”：“2014-10-28222:09:43.956Z”，“更新于”：“2014-10-28222:09:43.956Z”，“猫的品种识别号”：2，“重新安置”：假}，
{“id”：124，“动物类型”：“猫”，“名字”：“汤米”，“描述”：“亨德雷特”中的Duis autem vel eum iriur dolor duor in hendrerit in vulputate velit esse molestie consequecat，vel illum dolore eu fegiant nulla facilisis in vero eros et acumsan et iusto odio dignessim qui blandit praesent luptum.”，“年龄”：“5岁”，“大小”：null，“性别”：“女性”，“中性”：“是的”，“有缺口的”“：”否“，”儿童友好“：”空“，”参考“：”ghf4584624“，”狗品种“：”空“，”用户“：”12，“创建于“：”2014-10-28222:11:19.696Z“，”更新于“：”2014-10-28222:11:19.696Z“，”猫品种“：”2，“重新安置“：”假“，
{“id”：87，“动物类型”：“狗”，“名字”：“克洛伊”，“描述”：“亨德雷特的Duis autem vel eum iriur dolor in hendrerit in vulputate velit esse molestie consequat，vel illum dolore eu fegiant nulla facilisis in vero eros et acumsan et iusto odio dignessim qui blandit praesent luptatum”，“年龄”：“5岁”，“身材”：“小”，“性别”：“女性”，“中性”：“是的”，“chipped”：“No”，“child_-friendly”：“Yes”，“reference”：“ghf4584624”，“dog_-breed_-id”：2，“user_-id”：13，“created_-at”：“2014-10-28222:03:57.396Z”，“updated_-at”：“2014-10-28222:03:57.396Z”，“cat_-breed_-id”：null，“rehomed”：false}
]

如何获取json数据并将其格式化，使其像其他记录一样显示在视图中

---

谢谢

您必须解析json

使用：

---

.map

将数组中的每个结果映射到一个HTML元素。如果要进行许多不同的调用，那么有许多模板脚本，如把手、胡须等，如果您只需设置

数据类型：'json'

，则无需使用

parseJSON

。jQuery将返回数组，您的意思是将其用作

$.jso的参数n

？我不知道，谢谢。实际上也不需要这样做，对不起，伙计们，忘了装控制器了action@RubyRacer不，它是

$.ajax

的一个选项，也可以作为

$.get

和

$.post（url、数据、回调、'json'）的参数传递。

$.ajax({
type: 'POST',
url: '/public/rehomed',
  data: data_send,
   success: function(data) {
    $('.all_animals').append(data);
   }
});

 <div class="col-md-4 mix Dog Pontypool all" style="display: inline-block;">
  <a alt="Yorkshire Terrier" href="/animals/91-archibald"></a>
    <div class="title">
      <h5>Archibald</h5>
      <h5><span data-hover="Yorkshire Terrier">Yorkshire Terrier</span></h5>
    </div>
  </div>

  <div class="col-md-4 mix Dog Pontypool all" style="display: inline-block;">
   <a alt="Yorkshire Terrier" href="/animals/91-archibald" title="Yorkshire Terrier"></a>
    <div class="title">
      <h5>Archibald</h5>
      <h5><span data-hover="Yorkshire Terrier">Yorkshire Terrier</span></h5>
    </div>
 </div>

[
 {"id":104,"animal_type":"Dog","name":"Harry","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"Under 1 Year","size":"Large","gender":"Male","spay_neuter":"No","chipped":"No","child_friendly":"No","reference":"AB123456789","dog_breed_id":2,"user_id":12,"created_at":"2014-10-28T22:07:15.311Z","updated_at":"2014-10-28T22:07:15.311Z","cat_breed_id":null,"rehomed":false},
 {"id":107,"animal_type":"Cat","name":"Sydney","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"Under 1 Year","size":null,"gender":"Female","spay_neuter":"No","chipped":"Yes","child_friendly":null,"reference":"123456","dog_breed_id":null,"user_id":12,"created_at":"2014-10-28T22:08:06.609Z","updated_at":"2014-10-28T22:08:06.609Z","cat_breed_id":1,"rehomed":false},   
 {"id":114,"animal_type":"Cat","name":"Tommy","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"4 Years","size":null,"gender":"Female","spay_neuter":"No","chipped":"Yes","child_friendly":null,"reference":"123856473SS","dog_breed_id":null,"user_id":12,"created_at":"2014-10-28T22:09:20.640Z","updated_at":"2014-10-28T22:09:20.640Z","cat_breed_id":2,"rehomed":false},
 {"id":116,"animal_type":"Cat","name":"Alice","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"Under 1 Year","size":null,"gender":"Female","spay_neuter":"No","chipped":"No","child_friendly":null,"reference":"ghf4584624","dog_breed_id":null,"user_id":12,"created_at":"2014-10-28T22:09:43.956Z","updated_at":"2014-10-28T22:09:43.956Z","cat_breed_id":2,"rehomed":false},
 {"id":124,"animal_type":"Cat","name":"Tommy","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"5 Years","size":null,"gender":"Female","spay_neuter":"Yes","chipped":"No","child_friendly":null,"reference":"ghf4584624","dog_breed_id":null,"user_id":12,"created_at":"2014-10-28T22:11:19.696Z","updated_at":"2014-10-28T22:11:19.696Z","cat_breed_id":2,"rehomed":false},
 {"id":87,"animal_type":"Dog","name":"Chloe","description":"Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.","age":"5 Years","size":"Small","gender":"Female","spay_neuter":"Yes","chipped":"No","child_friendly":"Yes","reference":"ghf4584624","dog_breed_id":2,"user_id":13,"created_at":"2014-10-28T22:03:57.396Z","updated_at":"2014-10-28T22:03:57.396Z","cat_breed_id":null,"rehomed":false}
 ]

var response_array=jQuery.parseJSON(data);
for (response in response_array) {
    id = response.id;
    // whatever
}