Anfänger JavaScript: Arbeiten mit JSON und Objekte in JavaScript

Habe ich einige JSON an den browser zurückgegeben werden, wie dieses "Produkt":

{ "Title": "School Bag", "Image": "/images/school-bag.jpg" }

Möchte ich diese Daten auf eine "Produkt" - Objekt, so kann ich mit Prototypen-Methoden, wie toHTMLImage() gibt eine HTML-Bild-Darstellung des Produkts:

function Product() { }
Product.prototype.toHTMLImage = function() { //Returns something like <img src="<Image>" alt="<Title>" /> }

Wie wandle ich meine JSON-Ergebnisse in eine Product Objekt, so dass ich verwenden können toHTMLImage?

InformationsquelleAutor eddiegroves | 2009-05-15
  1. 19

    Einfach, wenn ich es habe,

    var json = { "Title": "School Bag", "Image": "/images/school-bag.jpg" }
function Product(json) {
    this.img = document.createElement('img');
    this.img.alt = json.Title;
    this.img.src = json.Image;

    this.toHTMLImage = function() {
        return this.img;
    }
}

var obj = new Product(json); //this is your object =D
    InformationsquelleAutor José Leal
  2. 2
    var stuff = { "Title": "School Bag", "Image": "/images/school-bag.jpg" }
var newstuff = new Product();
for(i in stuff) newstuff.i = stuff[i];

    Nicht sicher, ob dies funktionieren wird, aber give it a shot:

    var stuff = { "Title": "School Bag", "Image": "/images/school-bag.jpg" }
stuff.prototype = Product;
    • Versuchen Sie es: Sachen.__proto__ = Produkt.Prototyp;
    InformationsquelleAutor Evert
  3. 2

    Vielleicht ist diese Seite nützlich sein : http://www.json.org/js.html

    InformationsquelleAutor Boris Guéry
  4. 0

    Für die Konvertierung von JSON zu einem Objekt, das Sie verwenden können
    window.JSON.parse(jsonText) im Mozilla (check Chrome und Opera, ich weiß nicht, wie es dort arbeitet.)

    In Internet Explorer, die Sie verwenden können (new Function("return " + jsonText))(),
    aber Sie sollten überprüfen, die JSON-für nicht-gültig-Symbole, google es.

    InformationsquelleAutor user276953
Schreibe einen Kommentar