如何将Json字符串作为javascript方法参数传递

时间:2013-05-31 11:01:09

标签: javascript json

我组成了一个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 + ')" />

如何将此'jsonproduct传递给javascript函数addOrderItem,如下所示

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

当我将产品作为参数传递时,它无法正常工作

1 个答案:

答案 0 :(得分:4)

您可以使用

解析它
var product = JSON.parse(jsonProduct);

但你根本不必使用JSON。这样做:

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

如果您想通过输入点击进行调用,可以使用

绑定呼叫
onclick="return addOrderItem(product)"

或者更好的是,给你的元素一个id,然后从JS代码中绑定事件处理程序:

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