Layui 更新Table 表格内容的值

复制代码
$.ajax({
                            //请求方式
                            type: "POST",
                            //请求地址
                            url: "/",
                            //数据,json字符串
                            data: {  },
                            //请求成功
                            success: function (result) {

                                if (result.status) {

          //比如说你请求接口后需要手动的更新表格中的值,而不是改变table 的model 值,可以通过一下方法做到
                                    for (var i = 0; i < result.resultData.length; i++) {
                                        // 遍历 tr
                                        $('.layui-card-body .layui-table-box .layui-table-body .layui-table tbody tr').each(function (j) {
                                            if ($(this).children('td[data-field="TrackingNumber"]').text() == result.resultData[i].TrackingNumber && $(this).children('td[data-field="CarriersName"]').text() == result.resultData[i].CarriersName) {
                                                $(this).children('td[data-field="GetTrackStatus"]').html('<div class="layui-table-cell laytable-cell-1-0-1">' + result.resultData[i].GetTrackStatus+'</div>')
                                                return false;
                                            }
                                        });
                                    }
                                }
                                else {
                                    layer.alert(result.msg)
                                }
                                
                                layer.close(index);


                            },
                            //请求失败,包含具体的错误信息
                            error: function (e) {
                                layer.alert(e.status + "," + e.responseText);
                            }
                        });
复制代码

 

posted @   LuoCore  阅读(1056)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示