$,ajxa动态获取数据表格显示

最新推荐文章于 2021-08-05 13:38:57 发布

viviScript

最新推荐文章于 2021-08-05 13:38:57 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/wang863628979/article/details/52174461

学习笔记专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用Ajax技术向服务器发起POST请求的方法，并展示了如何处理返回的数据来动态生成HTML表格，具体包括设备代码、名称、属性及状态等信息。

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


$(function(){
        $.ajax({
            type:'post',
            url:'/prdeft-web/appDeviceCard/getDeviceLists',
            data:{'sgId':1724},
            success:function(result){
                /* alert("hello word"); */
                var table_device_html="";
                for(var i=0;i<result.length;i++){
                table_device_html=table_device_html
                    +'<tr><td>'+'<input type="checkbox" />'
                    +'</td><td>'+result[i].deviceCode
                    +'</td><td>'+result[i].deviceName
                    +'</td><td>'+result[i].deviceProperty
                    +'</td><td>'+result[i].state
                    +'</td><td>'
                    +'</td><td>'
                    +'</td><td>'
                    +'</td><td>'
                    +'</td></tr>'
                }
                $("#table_device_html").html(table_device_html);
            },
                error:function(){
                    alert("error");
                }
        })
})