将XML转换为JSON并用HTML呈现数据

最新推荐文章于 2025-06-16 09:19:33 发布

最新推荐文章于 2025-06-16 09:19:33 发布 · 87 阅读

文章标签：

#json #javascript #ViewUI

本文介绍了如何将JSON格式的数据输出到HTML页面的方法，并提供了具体的JavaScript代码实现。通过简单的示例展示了如何利用JavaScript操作DOM来动态更新HTML内容。

先参考《将XML转换为JSON》：http://www.javaeye.com/topic/402083

The application/json Media Type for JavaScript Object Notation (JSON):http://www.ietf.org/rfc/rfc4627.txt?number=4627

Ajax：拥抱JSON，让XML走开:http://www.360doc.com/content/06/1211/10/10754_289847.shtml

另：怎样将json格式的数据输出到html页面？<以下代码经验证正确>

<html>
 <head>
  <meta http-equiv=content-type content="text/html;charset=GBK">
 </head>
 <body>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
    <td id="a">sdfsd</td>
   </tr>
   <tr>
    <td id="b">sdfsdf</td>
   </tr>
   <tr>
    <td id="c">sdfsd</td>
   </tr>
   <tr>
    <td id="d">sdfsdf</td>
   </tr>
  </table>
 </body>
 <script>
  var jsonStr = "{/"a/":/"内容1/", /"b/":/"内容2/",/"c/":/"内容3/",/"d/":/"内容4/"}";
  var jsonObj = eval("(" + jsonStr + ")");
  for(var property in jsonObj){
   var nodeObj = document.getElementById(property);
   if(nodeObj)
    nodeObj.childNodes[0].nodeValue = jsonObj[property];
  }
 </script>
</html>