js传递对象

最新推荐文章于 2021-03-28 19:56:31 发布

原创最新推荐文章于 2021-03-28 19:56:31 发布 · 5.9k 阅读

2 ·

CC 4.0 BY-SA版权

js/css/html/ps 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了两种在HTML中向JavaScript函数传递复杂对象的有效方法。一种是直接传递对象，但对象需为全局变量；另一种是将对象序列化为字符串后再传递，并在接收端反序列化。

有时候我们需要拼html给方法传递一个对象，当然很多时候如果数据多了就是传id进行查询

方法一：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function modeSearch(a,b,c) {
       console.log(b);
    alert(b.name);
}
var myobj = { 'name': 'test' };//必须是全局变量
window.onload = function() {
        var mode = "<a href=\"#\" onclick=\"modeSearch(0,myobj,0);\">DEMO</a>";
    document.getElementById('demo').innerHTML = mode;
}
</script>
</head>
 
<body>
<div id="demo"></div>
</body>
</html

简单的对象可以，此时obj必须是全局变量,如果需要循环时改方法就不好了

方法二：把对象序列化成字符串在传递

var jsonstr = JSON.stringify(myobj);

jsonstr = jsonstr.replace(/"/gm, "'");//替换一下，因为使用JSON.stringify(myobj);转化后是双引号在拼接时会有问题，就把双引号全部替换成单引号

function _lclinfo(_item)
{

//此时item就是一个对象，可以通过item.来获取内容

}