ajax和赋值

最新推荐文章于 2021-08-06 10:18:11 发布

原创最新推荐文章于 2021-08-06 10:18:11 发布 · 557 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用Ajax请求后台数据，并在前台动态拼接和显示数据的方法。通过$.post方法发送请求，获取数据后清空原有内容并利用for循环遍历返回的数据，动态创建和插入HTML元素，实现页面内容的实时更新。

浏览记录
ajax请求返回数据，前台动态拼接：
function sch(){
    $.post("${root}<%=Uri.SYS_LOG_SCANNED_SCHOOL%>",{"usrId":$('#stuId').val()},function(result){
        $('#contents').empty();
        for(var data in result.data){
            $('#contents').append('<span type="text" class="pull-right" style="width: 200px;height: 35px">'+result.data[data].data+ '' +
                '</span><br><span type="text" class="pull-right" style="width: 200px;height: 35px">' +result.data[data].content+'</span>');
        }
    });
}