使用 JQuery 和 JSON 填充引导表

Posted 2023-05-08

【中文标题】使用 JQuery 和 JSON 填充引导表

【英文标题】：Populate bootstrap table with JQuery and JSON

【发布时间】：2019-10-15 19:52:36

【问题描述】：

我正在尝试用数据（在 DatabaseUI.aspx.cs 中）填充我的引导表（在 Database.Master 中）。

如何使用 Jquery 向表中动态添加行？

我必须将我的字符串转换为 JSON 吗？ 我想我必须在 masterpagefile 中添加另一个 JQuery 脚本才能将数据附加到表中

$(function() 
$.each(response, function(i, item) 
    var $tr = $('<tr>').append(
        $('<td>').text(item.UID)
    .appendTo('#lblDatabase');
););

但我不确定如何在脚本中通过获取 response 来读取 DatabaseUI 中的字符串。

在 Database.Master 中

<form id="form1" runat="server">

    <table class="table" id="lblDatabase">
        <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Pid</th>
            </tr>
         </thead>
        <tbody>
        <tr>
            <td>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                    <asp:Label ID="lblDatabaseValues" runat="server"></asp:Label>
            </td>
        </tr>

        </tbody>
    </table>

</form>

从 DatabaseUI 中的 API 获取数据的代码

 protected async void GetRequest(string url)
    
        using (HttpClient client = new HttpClient())
        
            using (HttpResponseMessage response = await client.GetAsync(url))
            
                using (HttpContent content = response.Content)
                
                    Label lblDatabaseValues = (Label)Master.FindControl("lblDatabaseValues");
                    //lblDatabaseValues.Text = "Values:";
                    //lblDatabaseValues.Text = "";
                    string myContent = await content.ReadAsStringAsync();
                    string[] values = myContent.Split(';');
                    for (int i = 0; i < values.Length; i++)
                    
                        lblDatabaseValues.Text = lblDatabaseValues.Text + Environment.NewLine + values[i];
                    
                    lblDatabaseValues.Text = lblDatabaseValues.Text.ToString().Replace(Environment.NewLine, "<br />");
                
                //response.IsSuccessStatusCode
                //response.StatusCode
            
        
    

【参考方案1】：

基本上这个问题不是很清楚。如果您询问如何循环从后端接收到的响应并将其附加到您的表中，那么这里是您的代码。

<table id="tdUIDs">
</table>

var rows = "";
$.each(response,function(i,item)
rows += "<tr><td>" + item.UID + "</td></tr>"; //your rows get printed here
);

$("#tdUIDs").append(rows);

我希望这是您所要求的，因为您的问题不清楚。