Question

1

I have some JSON returned to the browser like this "product":

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

I want this data to be a "Product" object so I can use prototype methods like a toHTMLImage() that returns a HTML image representation of the product:

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

How do I convert my JSON results into a Product object so that I can use toHTMLImage?

flag	asked May 15 at 0:07 eddiegroves 580●2●12

add comment

José Leal · Accepted Answer · 5/15/2009 12:14:23 AM UTC

Simple, if I got it,

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

Evert · Answer 2 · 5/15/2009 12:12:19 AM UTC

var stuff = { "Title": "School Bag", "Image": "/images/school-bag.jpg" }
var newstuff = new Product();
for(i in stuff) newstuff.i = stuff[i];

Not sure if this will work, but give it a shot:

var stuff = { "Title": "School Bag", "Image": "/images/school-bag.jpg" }
stuff.prototype = Product;

bgy · Answer 3 · 5/15/2009 12:11:08 AM UTC

2

Maybe this page will be usefull : http://www.json.org/js.html

answered May 15 at 0:11

bgy
1,320●14

add comment

Beginner Javascript: Working with JSON and Objects in Javascript

3 Answers

Your Answer

Not the answer you're looking for? Browse other questions tagged javascript json or ask your own question.

Hello World!

Related