Rails 4: Rendering JSON-Objekt (aus der AJAX-response) in den Blick

Ich bin mit Schienen 4 und ich bin ganz neu bei JSON-Objekten.

Habe ich einen controller:

class UsersController < ApplicationController

 def select_users

   @users = User.all
   respond_to do |format|
     format.html
     format.js {} 
     format.json { 
        render json: {:users => @users}
     } 
   end
 end
end

Javascript und users.js:

$.ajax({
    url:  "/users/select_users",
    dataType: "json",
    data: {
        prezzario: ui.item.value
    },
    success: function(data) { 
        $('#usersList').append(data.users);
    }
});

Nun möchte ich zum Rendern dieser Sammlung von Benutzern in ein div, aber ich weiß nicht, wie. In die Daten, die Antwort habe ich in der Konsole die richtigen Daten, mit einem Objekt wie diesem:

{"users":[{"_id":{"$oid":"536cf7b6b8dd181f4b7acf9f"},"children":[{"$oid":"536cf7b6b8dd181f4b7acfa0"},{"$oid":"536cf7b7b8dd181f4b7acfd1"}],"description":"Some description.","name":"My name","user_id":"1"},{...........}]}

Habe ich eine teilweise /users/_users.html-Code.erb mit classic-Benutzer.jede und Drucke aller Eigenschaften.
Wenn ich versuche

$('#usersList').append("<%= render 'users', :locals{ :users => "+data.users+"} %>");

Finde ich in den div #usersList <%= render 'users', :locals{ :users => undefined }%>

Erstellen Sie ein teilweiser Vorlage und es verwenden, um render-Benutzer. Wie kann ich dies tun?

InformationsquelleAutor Giuseppe | 2014-05-15

3

Gibt es 3 Lösungen (die ich mir denken kann):
1. Kann der controller Rendern von HTML-Inhalten im backend, die Sie anfügen, um Ihre js, wie
```
 class UsersController < ApplicationController

   def select_users
     @users = User.all
     render "view", :users => @users
   end
```
  und
```
 success: function(data) {
   $('#usersList').append(data);
 }
```
2. Können Sie so etwas wie Oberlippenbart oder LENKER. Nie benutzt, also kann ich nicht tun, ein gutes Beispiel. Sorry.
3. Können Sie das Rendern der html-Seite in der "success" - code wie
```
 success: function(data){
   data.users.forEach(function(user){
     $user_html = $("<div class='user'>" + user.name + "<!-- etc --!/></div>");
     $('#usersList').append($user_html);
   });
 });
```
- Danke. Jetzt als ajax-Antwort ich habe eine html-Seite, aber ich habe zwei problem:
- Danke. Jetzt als ajax-Antwort ich habe eine html-Seite, aber ich habe zwei Probleme: 1. $('#usersList').append(data); nicht produzieren, ohne Ergebnis. 2. die Benutzer werden in einem gerenderten Ansicht komplett mit header, footer, während ich Sie Rendern möchten Sie nur in eine partielle und fügen Sie diese teilweise an die Seite, von der aus der ajax-Aufruf durchgeführt wurde.
- Ich beschloss, dass ich mit in den ajax-Aufruf Datentyp 'html' und in der Steuerung render partial: 'Benutzer' . Danke für die Hilfe!
- Kein problem! Froh, dass ich helfen konnte. Wenn Sie möchten, machen eine volle Ansicht, die Sie tun können, Rendern "Ansicht", :layout => false, und es wird das Rendern der Ansicht w.o alle layout-Sachen.
InformationsquelleAutor negative

Müssen Sie $.parseJSON(data); ersten.

Wie

 $.ajax({
    url:  "/users/select_users",
    dataType: "json",
    data: {
       prezzario: ui.item.value
    },
    success: function(data) { 
       var r = $.parseJSON(data);
       console.log(r.users)//This is where Your users are
    }
});

InformationsquelleAutor Mantosh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.