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>