html对象参数传递

场景：html里面的onClick函数，在传递参数的时候，如果是简单的字符串，是没问题的；而如果传的是一个对象的时候，大部分都是JSON对象或则数组对象，这个时候会出现一些问题。针对JSON：如果直接传递的话，然后在方法里面获取的时候，会报undefined。

原因分析：在JavaScript里，在接受到JSON对象的时候，会自动转换成对于的js对象；而在html里面，对象的传递必须进行处理，转换成json串来传递，然后直接就可以在对应的js方法里面取值了，不用再转换成JSON对象了。有时候可能还需要将JSON串的双引号转换成单引号来解决一些语法上的错误。

解决方案：

JSON对象调用stringfy方法转换成JSON串
把JOSN对象的每一个属性值分别传递给对象的function
通过DataTable获取对应的Row对象，然后再获取对象的值

JSON定义：

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON语法：

对象表示为键值对

数据由逗号分隔

花括号保存对象

方括号保存数组

JSON键值对：

扫描二维码关注公众号，回复： 2521132 查看本文章

JSON 键值对是用来保存 JS 对象的一种方式，和 JS 对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号 "" 包裹，使用冒号 : 分隔，然后紧接着值：

1

{"firstName": "Json"}

这很容易理解，等价于这条 JavaScript 语句：

1

{firstName : "Json"}

JSON和JS的关系：

很多人搞不清楚 JSON 和 Js 对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解：

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

如

1

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的

1

var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

JSON和JS对象互转：

要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：

1

var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'

要实现从 JSON 转换为对象，使用 JSON.parse() 方法：

1

var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}

总结：要多利用JSON对象的方法去尝试打印一些日志信息，熟悉JSON的语法格式和JS对象的关系。

猜你喜欢