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

How to pass Json string as a javascript method parameter

本文关键字:javascript 方法 参数 何传递 Json 字符串      更新时间:2023-09-26

我形成了一个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'} + ";
}

当我传递product作为参数时,它不起作用

可以使用

进行解析
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>