jQuery中的getJSON,

json文件是一种轻量级的数据交互格式。一般在jQuery中使用getJSON()方法读取。

$.getJSON(url,[data],[callback])

url:json文件地址

data:可选项,发送到服务器的数据,格式是key/value

callback:可选项,加载成功后执行的回调函数

1.新建一个json格式的文件data.json 保存要加载的数据。例如:

[
    {
        "title": "国内粮食丰收",
        "mainbody": "自己的土,自己的地"
    },
    {
        "title": "国外狂风暴雨",
        "mainbody": "aaaa"
    }
]

2.在页面中获取json文件里的数据,并显示。例如:

$.getJSON("data.json", function (data) {
    var $jsontip = $(".json");
    var strHtml = "";
    $jsontip.empty();

    $.each(data, function (infoIndex, info) {
        strHtml += "标题:" + info["title"] + "<br>";
        strHtml += "正文:" + info["mainbody"] + "<br>";
    })

    $jsontip.html(strHtml);
})