簡體   English   中英

使用JQuery和JSON填充引導表

[英]Populate bootstrap table with JQuery and JSON

我正在嘗試使用數據(在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');
});});

但我不知道如何傳遞以獲取腳本中的響應來讀取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
            }
        }
    }

基本上問題不太清楚。 如果您詢問如何從后端循環接收到的響應並將其附加到您的表中,那么這里是您的代碼。

<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);

我希望這是你所要求的,因為我的問題不明確。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM