How to pass Json string as a javascript method parameter

Question

I formed a Json String.

var jsonProduct = "{Product:'" + Details[0] + "',Brand:'" + Details[1] + "',Model:'" + Details[2] + "',Price:'" + Details[3] + "'}"

<input class="button black" type="submit" value="Add To Cart" onclick="return addOrderItem(' + jsonProduct + ')" />

How to pass this 'jsonproduct to javascript function addOrderItem as follows

function addOrderItem(product)
{
    cartproduct[cartproduct.length] =  " + product + ";
    //cartproduct[cartproduct.length] = " + {Product:'1001',Brand:Dell',Model:'Inspiron',Price:'25000'} + ";
}

When I pass product as parameter it is not working

Why are you handling the click on a submit input ? Don't you want to handle the submit event on the form instead ? — Denys Séguret
– Denys Séguret, Commented May 31, 2013 at 11:07

Denys Séguret · Accepted Answer · 2013-05-31 11:02:35Z

4

You could parse it using

var product = JSON.parse(jsonProduct);

but you don't have to use JSON at all. Do this :

var product = {
    Product: Details[0], Brand:Details[1],
    Model:Details[2], Price:Details[3]
};
addOrderItem(product);

If you want to call this from an input click, you can bind the call using

onclick="return addOrderItem(product)"

or, better, give an id to your element and then bind the event handler from the JS code :

<input id=submit class="button black" type="submit" value="Add To Cart">
<script>
    document.getElementById('submit').onclick=function(){addOrderItem(product)};
</script>

answered May 31, 2013 at 11:02

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass Json string as a javascript method parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related