js处理ajax返回的list类型的json数据

最新推荐文章于 2024-05-27 15:16:33 发布

weixin_33772645

最新推荐文章于 2024-05-27 15:16:33 发布

阅读量2.7k

点赞数

文章标签： json javascript 前端 ViewUI

原文链接：https://my.oschina.net/u/3908739/blog/1860233

版权

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

    @RequestMapping("/getNewsMessage")
    @ResponseBody
    public List<NewsMessage> getNewsMessage() {
        List<NewsMessage> list = NewsUtil.getNews();
        return list;
    }

将获取的数据显式的添加到id=“newsMessage”的标签里面

 $().ready(function () {
        $.ajax({
            url: "${path }/getNewsMessage",
            async: false,
            success: function (data) {
                addNewsMessage(data);
            }, error: function () {
                alert("消息获取失败");
            }
        });

    })

    function addNewsMessage(data) {
        //把后台传来的JSON格式转化为对象
        newsMessage= JSON.parse(data);  
        //jsonData是List数组
        for (x in newsMessage) {  
            //遍历JSON格式的数组取元素, x代表下标
            var str = "<span"+ newsMessage[x].name  + newsMessage[x].age+ "></span>";
            $("#newsMessage").append(str);
        }
    }

转载于:https://my.oschina.net/u/3908739/blog/1860233