gpt4 book ai didi

javascript - 如何在 javascript 函数中传递 JSON 对象作为函数参数?

转载 作者:行者123 更新时间:2023-12-03 23:02:28 24 4
gpt4 key购买 nike

在我的js函数中,我创建了一个div和一个链接,当单击链接时,我将向另一个js函数传递一个参数?我的代码有什么问题吗?

js函数1

 //pass a json:the browser show wrong:SyntaxError: missing ] after element list
//passJson([object Object])
var dataItem=getDataItem();//a json object which has title and name property
var divStr="<div><a style='cursor: pointer' onclick='passJson(" + dataItem +")'><span title='spantitle'><i class='icon-mouse'></i></span></a>;</div>";

所以我尝试在函数中添加“[]”,但仍然显示错误。

js函数2

 //pass a json:the browser show wrong:SyntaxError: missing ] after element list
//passJson([object Object])
var dataItem=getDataItem();// a json object which has title and name property
var divStr="<div><a style='cursor: pointer' onclick='passJson([" + dataItem +"])'><span title='spantitle' ><i class='icon-mouse'></i></span></a>;</div>";

最佳答案

通常,您不会将其称为 JSON 对象。您只需将其称为 JavaScript 对象即可。

按照您的代码方式,您不需要进行字符串连接。您只需执行onclick='passJson(dataItem)',如下所示

http://jsfiddle.net/6LzCA/5/

function passJson(obj) {
console.log(obj);
}

var dataItem={ title: "hello", name: "snoopy" }; //a json object which has title and name property

var divStr="<div id='foo'><a style='cursor: pointer' onclick='passJson(dataItem)'><span title='spantitle'><i class='icon-mouse'></i>hmmm</span></a>;</div>";

$("body").append(divStr);

当您点击链接“hmmm”时,它就会起作用。

您可能想要单独添加标记,然后将单击处理程序绑定(bind)到链接,因为通常我们希望采用 unobtrusive JavaScript 的方法。 .

关于javascript - 如何在 javascript 函数中传递 JSON 对象作为函数参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23040849/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com