javascript - var 查询未返回所需结果

Question

我有一个 javascript 文件，它通过在 SharePoint 列表中输入的信息将结果返回到 HTML 页面。它工作正常，但我被要求返回另一个名为“更多详细信息”的多文本字段。但是它没有显示在 HTML 页面上。我检查了控制台，返回了更多详细信息字段中输入的信息，只是没有显示在 HTML 页面上。其余的(当前状态、典型用法等)显示正常。

我需要向 var 查询 URL 添加一些内容吗？我在下面发布了 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>