将文本从JavaScript转换为HTML

我试图从JSON文件parce中获取文本并将该文本显示为HTML对象。但我把它看作是一个字符串。将文本从JavaScript转换为HTML

我有一个JSON文件如下：

JSON代码（JSON/json_data.json）：

{ 
    "counters": [ 
     { 
      "variable": ":='webdata'.counter1:" 
     }, 
     { 
      "variable": ":='webdata'.counter2:" 
     } 
    ] 
}

jQuery代码（my_script.js）：

$(document).ready(function(){ 
    $.ajaxSetup({ cache: false }); 
setInterval(function() { 
    $.getJSON("json/json_data.json", function(result){ 
     $('#counter0').text(result.counters[0].variable); 
    }); 
},1000); 
});

HTML代码（index.htm）：

<tr> 
    <td>PT000</td> 
    <td>Process value 0</td> 
    <td> <label id="counter0">0</label> </td> 
    <td>bar</td> 
</tr>

现在重点是我得到了用JSON打印在屏幕上的文本，这是我的变量的名称，我们可以说是达到我想要打印的值的路径。另一方面，如果我使用HTML文件并在其上写上变量的名称，然后我简单地使用jQuery来获取它的工作数据，但是我有很多值要打印出来，所以我认为JSON可以帮助我解决这个问题。这里用的HTML文件的实例：

HTML代码（IOValue1.htm）：

:="webdata".counter1:

jQuery代码（my_script.js）：

$(document).ready(function(){ 
    $.ajaxSetup({ cache: false }); 
setInterval(function() { 
    $.get("IOValue1.htm", function(result){ 
     $('#counter1').text((result)); 
    }); 
},1000); 
});

HTML代码（index.htm的）：

<tr> 
    <td>PT001</td> 
    <td>Process value 1</td> 
    <td> <label id="counter1">0</label> </td> 
    <td>bar</td> 
</tr>

大概我没有考虑JavaScript是如何处理从JSON文件中获得的字符串的。任何人有想法？

来源

2014-05-10 Ferran H

看一看Knockout.JS它是一个HTML数据绑定框架 –

我也强烈建议使用Knockoutjs，就像@ No1_Melman说。这很容易学习，并有一个很好的文档。 –

变化

$('#counter0').text(result.counters[0].variable);

到

var tmpArray = result["counters"]; 

var counterObject = tmpArray[0]; 

var variableValue = counterObject["variable"]; 

$('#counter0').text(variableValue);

来源

2014-05-10 19:05:54 hamedcse

谢谢哈米德！尽管结果是一样的。 brouser显示存储在JSON文件中的文本，但不是HTML应该从该文本中解释的内容。 –

将文本从JavaScript转换为HTML

回答

相关问题