HTML-таблица неправильно ссылается на список sharepoint

Question

Я пытаюсь вытянуть данные из списка Sharepoint в отдельные таблицы HTML. Я создал соединение через Javascript для каждой отдельной таблицы, однако, похоже, что данные не вносятся в таблицу.

Я запускаю приведенный ниже код около 10 раз для ссылки на различные заголовки таблиц.

  <script language="javascript" type="text/javascript">
    $(document).ready(function() {
    var myQuery =
      "<Query>" +
      "<Where><Eq><FieldRef Name='Client'/><Value Type='Text'>Bristol Water</Value></Eq></Where>"+
      "<OrderBy>" +
      "<FieldRef Name='Client' />" +
      "</OrderBy>" +
      "</Query>";
    $().SPServices({
      webURL: "https://ext.kier.group/teams/Utilities/",
      operation: "GetListItems",
      async: false,
      listName: "UtilitiesContracts",
      CAMLQuery: myQuery,
      CAMLRowLimit: 100,
      completefunc: function(xData, Status) {
        var liHtml = "<tbody>";
        $(xData.responseXML).SPFilterNode("z:row").each(function() {
          liHtml = liHtml + " <tr><td>" + $(this).attr("ows_Client") + "</td><td>" + $(this).attr("ows_ContractName")+ "</td><td>" + $(this).attr("ows_ContractDescription")+ "</td><td>" + $(this).attr("ows_OperationalContacts")+ "</td><td>"$(this).attr("ows_CommercialContacts")+ "</td></tr>";
        });
        liHtml += "</tbody>";
        $("#BristolTable").append(liHtml);
      }
    });
    $('#BristolTable').DataTable({
      "dom": 'Rlfrtip'
    });
  });
</script>

Answer 1

Вы пропустили "+" в коде выше.

Полный код ниже для вашей справки:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">    
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/css/dataTables.jqueryui.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>    
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
<script src="https://www.datatables.net/release-datatables/extensions/ColReorder/js/dataTables.colReorder.js"></script>
<!--SPServices Javascript-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.02/jquery.SPServices-2014.02.min.js"></script>
<!--SpServices JavaScript get items from list 'files'-->
<script language="javascript" type="text/javascript">
$(document).ready(function() {
var myQuery =
  "<Query>" +
  "<Where><Eq><FieldRef Name='Client'/><Value Type='Text'>Bristol Water</Value></Eq></Where>"+
  "<OrderBy>" +
  "<FieldRef Name='Client' />" +
  "</OrderBy>" +
  "</Query>";
$().SPServices({
  webURL: "https://ext.kier.group/teams/Utilities/",
  operation: "GetListItems",
  async: false,
  listName: "UtilitiesContracts",
  CAMLQuery: myQuery,
  CAMLRowLimit: 100,
  completefunc: function(xData, Status) {
    var liHtml = "<tbody>";
   $(xData.responseXML).SPFilterNode("z:row").each(function() {
      liHtml = liHtml + " <tr><td>" + $(this).attr("ows_Client") + "</td><td>" + $(this).attr("ows_ContractName")+ "</td><td>" + $(this).attr("ows_ContractDescription")+ "</td><td>" + $(this).attr("ows_OperationalContacts")+ "</td><td>"+$(this).attr("ows_CommercialContacts")+ "</td></tr>";
    });
    liHtml += "</tbody>";
    $("#ContractsTable").append(liHtml);
  }
});
$('#ContractsTable').DataTable({
  "dom": 'Rlfrtip'
});
});
</script>
<table id="ContractsTable" class="display" cellspacing="0">
  <thead>
    <tr>
      <th>Client</th>
      <th>Contact Name</th>
      <th>Contact Description</th>
      <th>Operational Contacts</th>
      <th>Commercial Contacts</th>
    </tr>
  </thead>
</table>