jQuery中的getJSON()-白红宇的个人博客

jQuery中的getJSON()

发布日期：2021-05-09 04:01:47 浏览次数：14 分类：博客文章

本文共 638 字，大约阅读时间需要 2 分钟。

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"] + "
";        strHtml += "正文：" + info["mainbody"] + "
";    })    $jsontip.html(strHtml);})

上一篇：关于WHERE后面不能放聚合函数(如SUM(...))的解决办法

下一篇：python中print，return和yield的区别

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章