Json aus Server in Div

[eugibob]

Hallo,

ich bin dabei eine seite zu machen, die einem User filme vorschlägt. Der Server ist implementiert undsollte funktionieren.

Die Seite ist auch soweit fertig. Jetzt zur Frage

Der Server sendet die Infos eines Zufälligen Filmes in JSON format, quasi so....

{ "title": "Jimmy Carr: Buisiness",
"year" : "2016",
"plot" : "Hier die beschreibung" }

jetzt möchte ich das die Seite auf den server lockalhost:3000 und den plot zB im div plot anzeigt.

die daten kann ich alle mit einem rest client sehn aber ich weiß jetzt nicht genau wie ich das hinbekommen, dass die Informationen aus der json an richtiger Stelle abgebildet werden. Kann mir da einer helfen??

 

[sheel]

Hi

a) Die Daten vom Server holen (Stichwort Ajax)
b) JSon zerlegen (JSON.parse)
c) Die Daten in die bestehende HTML-Textfelder (oder was auch immer) einfügen

Welcher Schritt ist das Problem?

 

[eugibob]

Ich hab das so

  $(function(){

    var $title = ('#title');

    $.ajax (
      {
        type:'GET',
        url:'localhost:3000/movie/de',
        success: function(data){
            console.log('success', data);
            $.each(title, function(i, item){
                $title.append('<h3>'+item.title'</h3>');



          });
        }
      });
  });

aber er tut sich nichts

 

[goto;]

Hallo eugibob,

Zeile 3: Der Selektor ist fehlerhaft.
Zeile 11: Die Schleife verlangt nach "title" (Param 1), welcher nicht existiert.

Hier ein Beispiel wie es funktioniert.

$(function(){
    var title = $('#title');
    $.ajax ({
        type:'GET',
        url:'localhost:3000/movie/de',
        success: function(data){
            json = JSON.parse(data);
            if(typeof(json) === "object"){
                $.each(json, function(e,a) {
                    title.append('<h3>'+a.title+'</h3>');
                });
            }else{
                console.log('json error');
            }
        }
    });
});

Liebe Grüße