Заполните таблицу начальной загрузки с помощью JQuery и JSON

Я пытаюсь заполнить таблицу начальной загрузки (в Database.Master) данными (в DatabaseUI.aspx.cs).

Как динамически добавлять строки в таблицу с помощью Jquery?

Должен ли я преобразовывать свою строку в JSON? Я думаю, что мне нужно добавить еще один скрипт JQuery в masterpagefile, чтобы добавить данные в таблицу.

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

но я не уверен, как пройти, чтобы получить отклик в скрипте для чтения строки в DatabaseUI.

В базе данных.Мастер

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

Код, который получает данные из API в DatabaseUI

 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
            }
        }
    }
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
449
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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);

Я надеюсь, что это то, о чем вы просите, поскольку я не совсем понимаю ваш вопрос.

Другие вопросы по теме