如何在js里面处理后台传来的json，并显示在页面上

JavaScript017

如何在js里面处理后台传来的json，并显示在页面上,第1张

使用jQuery就可以了

返回值:String jQuery.parseJSON(json)

概述

接受一个JSON字符串，返回解析后的对象。

传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：

{test: 1} （ test 没有包围双引号）

{'test': 1} （使用了单引号而不是双引号）

另外，如果你什么都不传入，或者一个空字符串、null或undefined，parseJSON都会返回 null 。

仅仅显示的话 可以转换成文本 alert() 就可以了

<script>

    var jsonObj = {

        "qq":"321321321",

        "MSN":"asdf@asdf.com",

        "Tel":"0852-8888888"

    }

    var jStr = "{ "

    for(var item in jsonObj){

        jStr += "'"+item+"':'"+jsonObj[item]+"',"

    }

    jStr += " }"

    alert(jStr)

</script>

问题1：js访问本地json

如果可以这样随意访问，你打开的任何网站不就可以通过js把你本地文件全部获取到了吗，这是非常危险的；这个不是技术上的能不能，而是安全策略问题，解决方法肯定有，大概是给浏览器某种授权。

我比较推荐换一种方式来解决这个问题，你要的结果是访问json文件，如果json文件不是很大的话，何不直接用个js变量保存它的值；

另外可以考虑部署到服务器，通过ajax请求获取，通过jquery可以如下写：

$.get('/content/test.json', function(data) {

  alert(data)})

问题2：如何在前端显示

js操纵DOM，可以简单粗暴地加到body里，当然有更好展现方式，推荐单独写个div：

$('body').append(data)