javascript - 使用添加为 WebPart 的 Javascript 片段从 SharePoint 列表中检索列表项数据

Question

我使用下面的代码作为基础，允许最终用户输入姓氏和/或 ID 号，它只是从列表中检索该姓氏/ID 的所有实例，并将它们放在文本字段中或某物。这是在 SharePoint 2013 页面上。

<input type="text" id="Surname" name="Surname" style="width:200px" value="Enter the surname" onfocus="this.value = '';">
<input type="text" id="IDNumber" name="IDNumber" style="width:200px" value="Enter ID number" onfocus="this.value = '';">
<input type="button" name="button" value="Find Services used by person" onclick="findDocuments()">
<script type="text/javascript">
function findDocuments()
{
    var IDNumber = document.getElementById("IDNumber").value;
    var Surname = document.getElementById("Surname").value;
    window.open("ADDRESS HERE" + Number + "-FilterField2%3DSurname-FilterValue2%3D" + Surname)        
}

</script>

注意:ADDRESS HERE 是列表或库的地址，我不希望它一定要打开一个窗口，而是插入检索到的数据并将其放入页面上的文本框中。

为了更清楚地重复，用户将看到一个或两个字段，一个用于输入身份证号码的字段和一个用于输入姓氏的字段(或两者)。当他们点击一个按钮时，它会查看该 ID 号或姓氏在列表中有多少个实例，并返回此人使用了多少种不同的服务，并将它们放在一个字段中。

目前我只能使用添加了媒体内容的 Web 部件来执行此操作，因为我没有安装 Visual Studio 或类似软件的经验或资源。有人对此有任何建议吗？

谢谢。

Answer 1

您可以使用 REST 服务使用您的参数通过 ajax 检索列表项，如下所示:

$.ajax({
     url:"/_api/lists/getbytitle('YOUR_LIST_NAME')/items?$select=FIELD1,FIELD2&$filter=FIELD1 eq '" + IDNumber + "' and FIELD2 eq '" + Surname + "'",
     headers: { "Accept": "application/json; odata=verbose"},
     success:function(data) {
            $.each(data.d.results, function(i, item) {
                  output += data.d.results[i].FIELD1 + " - " + data.d.results[i].FIELD2;
            })
     }
});