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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值