json字符串怎么生成html

JSON是一种轻量级的数据交换格式，在实际开发中非常常见。而将JSON字符串转换为HTML则是我们在开发中经常需要处理的问题。

转换JSON字符串为HTML常用的方法就是通过Javascript代码，逐级解析JSON中的数据，并使用HTML标签包装这些数据，生成对应的HTML元素。

   var jsonStr = '{"title": "测试标题","content": "测试内容"}';
   var jsonObj = JSON.parse(jsonStr);
   
   //根据JSON数据在HTML中生成对应的标签
   var htmlStr = "<div><p>" + jsonObj.title + "</p><p>" + jsonObj.content + "</p></div>";
   
   document.write(htmlStr);

我们首先通过JSON.parse方法解析JSON字符串，生成对应的JSON对象。然后根据JSON对象中的数据，生成对应的HTML标签，最后将HTML字符串插入到对应的元素中即可。

另外，为了避免XSS攻击，我们需要对JSON中的数据进行过滤，例如使用encodeURIComponent方法对特殊字符进行转义，以免恶意插入HTML标签。

   var jsonStr = '{"title": "测试标题","content": " 
 Powered By Z-BlogPHP Theme By 前端老白