var查詢未返回所需結果

Question

我有一個JavaScript文件，該文件通過在SharePoint列表中輸入的信息將結果返回到HTML頁面。 它工作正常，但是有人要求我返回另一個稱為“其他詳細信息”的文本字段。 但是，它沒有顯示在HTML頁面上。 我已經檢查了控制台，並返回了在“更多詳細信息”字段中輸入的信息，但該信息沒有顯示在HTML頁面上。 其余（當前狀態，典型用法等）顯示正常。

我需要在var查詢網址中添加一些內容嗎？ 我在下面發布了JavaScript和相關的HTML：

 function getDeviceKnownIssues() { var txtfurtherinfo = ""; var txtTitleKnown = "<ol>"; var query = "**http://example.com/sites/it/ITInfrastructure/_vti_bin/listdata.svc//Knownissues?$filter=DeviceID eq " + window.DeviceId + ** ""; var call = $.ajax({ url: query, type: "GET", dataType: "json", headers: { Accept: "application/json;odata=verbose" } }); call.done(function(data, textStatus, jqXHR) { console.log(JSON.stringify(data)); $.each(data.d.results, function(index, item) { txtTitleKnown += "<li>" + item.Title + "</li>"; if (item.Info != undefined) { txtfurtherinfo += item.Info + "\\r\\n"; } }); txtTitleKnown = txtTitleKnown + "</ol>"; $('#knowntitle').append(txtTitleKnown); $('#furtherinfo').append(txtfurtherinfo); }); call.fail(function(jqXHR, textStatus, errorThrown) { alert("Error retrieving data: " + jqXHR.responseText); }); } 

 <tr> <td class="tg-yw4l" colspan="3"> <h2>Known Issues</h2> <div id="knowntitle"></div> <input type=button onClick="location.href=**'http://example.com/sites/it/ITInfrastructure/_layouts/listform.aspx?PageType=8&ListId={5968ECC4-3049-4794-B6DC-130763C01043}&RootFolder=**'" value='Submit a known issue'> </td> <td class="tg-yw4l" colspan="3"> <h2>Accessories</h2> <div id="deviceacc"></div> </td> </tr> <tr> <td class="tg-yw4l" colspan="3"> <h2>Typical Usage</h2> <div id="deviceuse"></div> </td> <td class="tg-yw4l" colspan="3"> <h2>Current Status</h2> <div id="imageContainer"></div> </td> </tr> <td class="tg-yw4l" colspan="3"> <h2>Further Information</h2> <div id="furtherinfo"></div> </table> 

Answer 1

看來您有基本的html語法錯誤。

我將從那開始。

您沒有正確打開和關閉“表行” <tr>和“表數據” <td>標簽。 應該是這樣的：

[...]
<tr>

    <td class="tg-yw4l" colspan="3">
      <h2>Further Information</h2>
      <div id="furtherinfo"></div>
    </td>

    <td class="tg-yw4l" colspan="3">
    </td>

</tr>
</table>