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

最新推荐文章于 2023-04-06 19:14:15 发布

原创最新推荐文章于 2023-04-06 19:14:15 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#json #html #xml #javascript #border #object

4.----WEB应用专栏收录该内容

37 篇文章

订阅专栏

本文介绍如何将JSON格式的数据输出到HTML页面，并提供了一段经过验证正确的示例代码。该方法通过JavaScript解析JSON字符串并将其内容填充到指定的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>