JS循环往table中写入行

weixin_30347335

于 2016-10-13 21:36:00 发布

阅读量632

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/car1900/p/5958243.html

本文介绍了一个使用jQuery和AJAX从服务器获取数据，并通过JavaScript循环将这些数据填充到HTML表格中的方法。具体实现包括发送POST请求获取包含数字、标题和创建日期的数据项，然后将每一项数据格式化为表格行并追加到指定的表格元素中。

JS循环往table中写入行

< script > $(function() {
    $('#test').click(function() {
        $.ajax({
            url: '__APP__/Article/jsonTest',
            type: 'post',
            success: function(data) {
                var item;
                $.each(data, function(i, result) {
                    item = "<tr><td>" + result['num'] + "</td><td>" + result['title'] + "</td><td>" + result['credate'] + "</td><td>操作</td></tr>";
                    $('.table').append(item);
                });
            }
        })
    })
});
< /script>