ajax 跳转 填充 table 表格

本文介绍了一种使用AJAX动态加载数据并填充HTML表格的方法。通过拼接字符串与jQuery的append方法,实现数据的异步获取与展示,适用于网页应用中数据的实时更新场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 ajax 跳转 填充表格 主要是str 进行拼接 然后append 输出到 指定id的位置 $("#ul_tysf").append(str);

// ajax 跳转 并填充 table 表格
onPageClicked: function (event, originalEvent, type, page) {

                $("#ul_tysf").html("");
                var str="";
                $.ajax({
                    url: "../content/queryPage",
                    method:"post",
                    //data:{page:page,limit:5},
                    dataType: "JSON",
                    success:function(result){
                        $.each(result.list, function (i, item) {
                            str+="<tr class='a1'>";
                            str+="<td class='td1'><h3> <a href='<%=path%>/content/content?id="+item.articleId+"'>"+item.articleTitle +"</a></h3></td>";
                            str+="<td class='td2'><h3>类别</h3></td> ";
                            str+="</tr>";
                        });
                        $("#ul_tysf").append(str);
                        //$("#tysf_pagenum").html(page+"/"+${tysf.pages});
                    }
                })

            }

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值