第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何使用 JavaScript/AJAX 將對(duì)象插入到 HTML 表格中

如何使用 JavaScript/AJAX 將對(duì)象插入到 HTML 表格中

C#
慕妹3242003 2021-11-21 10:09:41
我正在嘗試創(chuàng)建一個(gè)站點(diǎn),該站點(diǎn)通過搜索藝術(shù)家姓名從音樂論壇中獲取信息,并按流行度、曲目數(shù)量和發(fā)行日期填充藝術(shù)家 5 首頂級(jí)專輯。信息從站點(diǎn)中正確提取,但是當(dāng)我去創(chuàng)建和 HTML 表時(shí),沒有顯示任何信息。搜索按鈕功能正常,它調(diào)用所有正確的信息,可以幫助提供一個(gè)解決方案,在該解決方案中我可以從數(shù)組中提取信息并在 HTML 中填充/創(chuàng)建表格?下面是我目前正在使用的代碼。function searchClicked() {   var artist_name = document.getElementById("artistName").value;   var data = {};   data.ArtistName = artist_name    $.ajax({        type: "POST",        url: "/Home/SearchAlbum",        data: JSON.stringify(data),        success: function (responseData) {            debugger;            function writeTable() {                var html = ''                for (var i = 0; i < responseData; i++)                    html += '<tr>';                for (var j = 0; j < totalCells; j++) {                    html += '<td>' + array[count] + '</td>';                    count++;                }                html += '</tr>';            }                        $('#body').append(html);                        count = 0;                    },                 contentType: "application/json; charset=utf-8",   })table {    width: 100%}table, th, td {    border: 1px solid black;    border-collapse: collapse;}th, td {    padding: 5px;    text-align: left;}table#artistName tr:nth-child(even) {    background-color: aquamarine}table#artistName tr:nth-child(odd) {    background-color: aquamarine}table#artistName th {    background-color: black;    color: white;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div class="jumbotron">   <p> Enter Artist Name:</p>   <input id="artistName" type="text" />   <button id="seachButton" onclick="searchClicked()">seach</button> </div><table id="ALbumInfo">  <thead>     <tr>      <th>Album Name </th>      <th>Release Date</th>      <th>Popularity</th>      <th>Number of Tracks</th>     </tr>  </thead>  <tbody></tbody></table>我真的很想了解這里出了什么問題。
查看完整描述

2 回答

?
函數(shù)式編程

TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊

假設(shè)您從該發(fā)布請(qǐng)求中獲取所需的數(shù)據(jù),我認(rèn)為問題可能在于:

$('#body').append(html);

該選擇器查找 id='body' 的元素,而您的 html 中沒有該元素。相反,請(qǐng)嘗試使用:

$('tbody').append(html);

或者將該 id 放在您的 tbody html 標(biāo)簽上:

<tbody id='body'></tbody>

然后您的腳本將附加到該控件。

繼續(xù)嘗試檢查開發(fā)人員的控制臺(tái)以查看您的代碼拋出的錯(cuò)誤。我想您的代碼會(huì)出現(xiàn)錯(cuò)誤(CTRL-SHIFT-I 或右鍵單擊并選擇檢查,具體取決于您的網(wǎng)絡(luò)瀏覽器)。


查看完整回答
反對(duì) 回復(fù) 2021-11-21
?
精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

如果您將其與示例記錄一起流出,您會(huì)注意到該變量html將具有類似于以下內(nèi)容的值:<tr><tr><tr><tr></tr>--取決于從您的 AJAX 請(qǐng)求返回的記錄數(shù)。


當(dāng)然,這假設(shè)運(yùn)行時(shí)不會(huì)因?yàn)閠otalCells未定義而崩潰。(以及array和count。)


您的問題也有更好的方法。我會(huì)推薦:


    var table = $('<table><tbody></tbody></table>');

    var tbody = table.children('tbody');


    for (var i = 0; i < responseData.length; i++) {

        var tr = $('<tr></tr>');


        for (c = 0; c < totalCells; c++) {

            tr.append($('<td></td>').html(array[c]));

        }


        tbody.append(tr);

    }


    $('body').append(table);


查看完整回答
反對(duì) 回復(fù) 2021-11-21
  • 2 回答
  • 0 關(guān)注
  • 317 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)