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

Question

我形成了一个 Json 字符串。

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'} + ";
}

当我将产品作为参数传递时，它不起作用

Answer 1

你可以使用它来解析它

var product = JSON.parse(jsonProduct);

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

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

如果您想通过输入点击调用此函数，您可以使用以下方式绑定(bind)调用

onclick="return addOrderItem(product)"

或者，更好的是，为您的元素提供一个 id，然后从 JS 代码绑定(bind)事件处理程序:

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