tr拼接到Table

最新推荐文章于 2024-01-03 11:57:50 发布

【Help】

最新推荐文章于 2024-01-03 11:57:50 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/zhanglong_longlong/article/details/50896126

jquery 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用jQuery的getJSON方法从API获取产品列表并将其动态显示在网页上的方法。通过分析示例代码，读者可以了解到如何清空表格内容、遍历JSON数据以及如何为每个产品创建表格行。

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

<script type="text/javascript">
    function getProducts() {
        $.getJSON("api/products",
            function (data) {
                $('#products').empty(); // Clear the table body.

                // Loop through the list of products.
                $.each(data, function (key, val) {
                    // Add a table row for the product.
                    var row = '<td>' + val.Name + '</td><td>' + val.Price + '</td>';
                    $('<tr/>', { text: row })  // Append the name.
                        .appendTo($('#products'));
                });
            });
        }

        $(document).ready(getProducts);
</script>