2017-06-10 10 views
0

Leider sind die Templates7Data-Beispiele mit den F7-Beispielen nicht vollständig erläutert. Wie man mit entfernter json arbeitet.framework7, template7Data, aus JSON befüllen

Dieses statische Beispiel funktioniert gut:

template7Data: { 
    cars: [ 
     { 
      vendor: 'Volkswagen', 
      model: 'Passat', 
      power: 152, 
      speed: 280, 
      weight: 1400, 
      color: 'black', 
      year: 2012, 
      description: '' 
     }, 

Wie kann ich die Daten von einem Server retreive? Ich habe das versucht und die Konsole druckt meine Datei.

var req = new XMLHttpRequest(); 
req.open("GET", "MyUrl/app_json_cars"); 
req.addEventListener("load", function() { 
console.log(req.responseText); 
}); 

Aber wenn ich meineApp damit initiiere, hat es nicht funktioniert.

template7Data: { 
     cars: req.responseText 

Vielen Dank für die Hilfe.

+0

zu erstellen. Können Sie einen Link zu der Dokumentation, die Sie für dieses F7-Beispiel referenzieren, veröffentlichen? Wir können uns eine bessere Vorstellung davon machen, auf was Sie verweisen. Und ich gebe zu, ich weiß nicht, was "ferne" json ist? Ist das ein Rahmen oder Format? –

+0

Hier ist die grundlegende Vorlage: http://framework7.io/examples/template7-pages/ Ich versuche nur zu wissen, wie man ein einfaches Datenobjekt, das wir für andere Seiten mit dem Attribut data-contextName aus einer Datei übergeben können auf einem Server –

Antwort

0

Es scheint einige Probleme mit Ajax Anruf auf der ersten Seite zu geben. Werfen Sie einen Blick auf this response, um Ihren Ajax aufzurufen und Inhalte mit dem empfangenen JSON