`

使用eval动态访问json属性

阅读更多

假如有这样一个json对象:

json = {"name":"tiroc", "age":"25", "weight":"65"};

 有这样一个表格:

<table>
    <tr>
        <td>姓名</td>
        <td id="name" class="data"></td>
    </tr>
    <tr>
        <td>年龄</td>
        <td id="age" class="data"></td>
    </tr>
    <tr>
        <td>体重</td>
        <td id="weight" class="data"></td>
    </tr>
</table>

 以jQuery为例,可以这样将数据放入表格中:

var itemVal;
$(".data").each(function(){
    eval("itemVal = json." + this.id + ";");
    $(this).html(itemVal);
});

 可惜Javascript不能重载[ ],要不然写成ruby的hash那样就方便了json["属性名"]。

分享到:
评论

相关推荐

    JS使用eval解析JSON的注意事项分析

    使用`$.each()`或简单的`for`循环,可以遍历解析后的JSON对象并访问其属性。在处理这些数据时,务必注意安全性,避免使用`eval()`,除非你知道数据来源可信且无潜在的恶意代码。 此外,还有一些第三方库,如`json2....

    js和java使用json方法解析版.pdf

    然后,可以使用 obj 对象来访问 JSON 对象的属性,例如: `Alert(obj.name);` `Alert(obj.sex);` 特别注意,如果 obj 本来就是一个 JSON 对象,那么使用 eval() 函数转换后(哪怕是多次转换)还是 JSON 对象,但是...

    json2手册.doc

    JSON文本可以使用JavaScript的`eval()`函数转换为JavaScript对象,但这种方式存在安全风险,因为`eval()`会执行其接收到的任何代码。为了安全起见,应该使用`JSON.parse()`函数来解析JSON字符串,像这样: ```...

    JSON基础归纳整理

    在JavaScript中,可以通过点操作符来访问JSON对象的属性,如上述的employees数组可以用来访问和修改数据。 9. JSON文件的文件类型为.json,MIME类型为“application/json”。JSON文件可以被任何文本编辑器打开和...

    Jquery ajax json 总结

    对于 JSON 对象,可以使用 `eval()` 或 `JSON.parse()`(推荐)将其转换为 JavaScript 对象,然后通过点号或方括号语法访问其属性。如果返回的是数组,可以通过循环遍历每个元素并访问其属性。 JSON 作为数据交换...

    jquery解析JSON数据的方法.docx

    2. 使用`eval()`、`.getJSON()`、`.ajax()`或`.get()`(设置`dataType: 'json'`)等方法将JSON字符串转化为JavaScript对象。 3. 访问转化后的JavaScript对象,遍历并使用数据。 注意,尽量避免使用`eval()`,因为它...

    JSON获取属性值方法代码实例

    了解并熟练掌握这些获取JSON属性值的方法,将有助于提高你在处理JSON数据时的效率和安全性。在实际项目中,确保正确处理JSON数据是至关重要的,因为它对应用程序的性能和安全性有着直接影响。不断学习和实践,你将...

    JavaScript对Json的增删改属性详解

    这段代码会依次获取`json`对象的所有可枚举属性,然后通过`eval`执行字符串形式的访问表达式,显示属性名和对应的值。然而,`eval`函数通常不推荐使用,因为它可能导致安全问题和性能下降。更好的做法是直接访问`...

    javascript巧用eval函数组装表单输入项为json对象的方法

    为了避免eval()带来的安全风险,可以采用其他方法来构建对象,例如使用方括号操作符来动态访问对象属性: ```javascript var myObj = {}; myObj[document.getElementById("x").name] = document.getElementById("x...

    eval-json-path:EvaluateQuery给定路径下json对象的值

    eval-json-path 评估/查询给定路径下json对象的值 通常,可以通过属性名称或索引来访问js对象变量。 该模块允许按字符串给出的路径/步骤进行访问 用法 const evalJsonPath = require ( 'eval-json-path' ) const ...

    json的介绍 以及 json2.js的用法

    因此,在处理不可信来源的数据时,应避免使用 `eval()`,而应该使用 `JSON.parse()`。 ##### 使用 `JSON.parse()` 方法 `JSON.parse()` 方法更加安全,因为它只会解析有效的JSON文本。该方法的基本使用格式如下: ...

    Json2.js手册.pdf

    在JavaScript中,可以通过两种方式来访问JSON对象的属性:使用点符号`.`或者方括号`[]`。例如,要获取`myJSONObject`对象中第一个绑定的方法名称,可以使用以下方式: ```javascript myJSONObject.bindings[0]....

    json字符串和js对象之间的转换

    转换后,你可以像操作普通JavaScript对象一样访问这些属性和元素。 总结,JSON字符串与JavaScript对象之间的转换是Web开发中的基本操作。理解并熟练掌握`JSON.parse` 和 `JSON.stringify` 以及它们与jQuery相关方法...

    json的键名为数字时的调用方式(示例代码).docx

    如果键是未知的,可以使用动态属性名来访问,例如: ```javascript var key = "90"; alert(data['result'][key]); ``` 总结一下,处理JSON对象中数字键的关键在于理解不同编程语言对数字作为键的处理方式。在PHP中...

    在HTML5中使用json对象的示例代码.docx

    在示例的另一部分,展示了如何访问JSON数组类型的字符串。JSONStr是一个包含多个对象的字符串,每个对象都有`id`, `open`, `pId`, 和 `name`属性。通过`JSON.parse()`将其转换为JSON数组: ```javascript var ...

    使用MSScriptControl 在 C# 中读取json数据的方法

    // 现在可以使用JavaScript的eval方法来访问和操作JSON数据 object contentLength = sc.Eval("jsonObject.content.length"); object itemValue = sc.Eval("jsonObject.itemValue"); // 处理返回的结果 // ... ...

    解决ajax不能访问本地文件问题(利用js跨域原理)

    当然,`eval()`函数在某些情况下可能存在安全风险,因此在实际应用中,应尽可能避免使用,可以考虑使用`JSON.parse()`替代,但这里因为数据已经预定义为JavaScript语法,所以直接使用`eval()`是可行的。 在没有...

    浅析Ajax后台success传来json数据的问题.docx

    在jQuery的Ajax请求中,`dataType`设置为"json",后台代码如示例所示,直接将JSON字符串写入响应流,前端的success回调中的`data`参数就是解析好的JSON对象,可以直接访问其属性,如`data[0].demoData`。 ```...

    json使用指南

    需要注意的是,属性名称通常用双引号包围,以符合JSON规范,避免使用单引号或不使用引号可能导致的问题。 2. 数组:数组是一个有序的值列表,以方括号`[]`表示,值之间用逗号分隔。数组同样支持各种类型的值,并且...

Global site tag (gtag.js) - Google Analytics