json字符串传给页面

在Web开发中，经常需要将JSON字符串传递给页面进行显示或处理。JSON字符串是由一组键值对组成的文本。例如，下列代码片段表示一个人的基本信息：

{
    "姓名": "张三","年龄": "25","性别": "男","地址": {
        "省份": "北京市","城市": "海淀区"
    }
}

在Web应用中，我们通常使用AJAX技术来从服务器端获取JSON字符串，并将其传递给页面JavaScript处理。以下是一个使用jQuery的例子：

$.ajax({
    url: "api/person",type: "GET",success: function(data) {
        console.log(data);  // 输出获取到的JSON字符串
    },error: function(xhr,status,error) {
        console.error(status + ": " + error);
    }
});

在页面加载完成后，我们可以将获取到的JSON字符串解析为JavaScript对象，并对其进行操作。以下是一个使用原生JavaScript的例子：

var data = '{"姓名": "张三","地址": {"省份": "北京市","城市": "海淀区"}}';
var person = JSON.parse(data);
console.log(person.姓名);  // 输出"张三"

在页面中，我们可以将JSON数据渲染为HTML标记并进行展示。以下是一个使用mustache.js的例子：

var template = '<div>姓名: {{姓名}}</div><div>年龄: {{年龄}}</div><div>性别: {{性别}}</div><div>地址: {{#地址}}{{省份}} {{城市}}{{/地址}}</div>';
var rendered = Mustache.render(template,person);
$('body').append(rendered);

以上是关于JSON字符串传递给页面的简单介绍和一些实例，希望能对你有所帮助。