JSON: Ausgabetext mit Jquery

Question

Ich habe ein JavaScript-Objekt, das wie folgt aussieht:

{ 
    "items": { 
     "phone": [{ 
      "product": "iPhone 8", 
      "manufacturer": "Apple", 
      "releaseDate": "2018", 
      "price": 499 
     }] 
    } 
}; 

Ich mag es so mit JavaScript oder jQuery:

Danke Jungen Sie, sind gesegnet! :)

Answer 1

Schleife durch Ihre phone Artikel im info.items Objekt.

Für jedes Element erstellen, ein Telefon container und hängen Sie ihn an die content

Das Telefon Eigenschaften wie diese info.items[i].propertynamehere zugegriffen werden kann. Hier ist das Beispiel, Sie können es wie gewünscht gestalten und strukturieren, wie Sie wollen.

for (var i = 0; i < info.items.phone.length; i++) { 
    var phone = "<div class='phone'>" + info.items.phone[i].product + "</div>"; 
    $("#content").append(phone); 
} 

Dies verwendet JQuery so stellen Sie sicher, include das auch. Wenn Sie eine reine Javascript Implementierung bevorzugen, lassen Sie mich wissen, und ich kann zur Verfügung stellen.

Answer 2

die JSON.stringify Methode Verwenden Sie das Objekt in einen String zu drehen:

var info = { 
 
    "items": { 
 
    "phone": [{ 
 
     "product": "iPhone 8", 
 
     "manufacturer": "Apple", 
 
     "releaseDate": "2018", 
 
     "price": 499 
 
    }] 
 
    } 
 
}; 
 

 
$("#content").text(JSON.stringify(info));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content"></div>