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);
})

 

转载于:https://www.cnblogs.com/jiyang2008/p/6089282.html