Как получить два разных списка Sharepoint на одной странице

Question

У меня есть два списка, list1 и list2. Я хочу получить эти два списка на моей странице aspx, используя javascript. Я не знаю, как получить два списка. Пожалуйста, помогите мне.

Answer 1

Мы можем использовать jQuery с REST API, чтобы получить два списка данных и добавить их на одну страницу aspx.

Пример кода:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
    var list1="list1";
    var list2="list2";
    retrieveListItems(list1).done(function(data){
        var htmlTable="<table border='1' cellpadding='1' cellspacing='1'><tr><th>ID</th><th>Title</th></tr>";
        $.each(data.d.results,function(i,item){
            htmlTable+="<tr><td>"+item.Id+"</td><td>"+item.Title+"</td></tr>";
        });
        htmlTable+="</table>";
        $("#listData1").html(htmlTable);
    });
    retrieveListItems(list2).done(function(data){
        var htmlTable="<table border='1' cellpadding='1' cellspacing='1'><tr><th>ID</th><th>Title</th></tr>";
        $.each(data.d.results,function(i,item){
            htmlTable+="<tr><td>"+item.Id+"</td><td>"+item.Title+"</td></tr>";
        });
        htmlTable+="</table>";
        $("#listData2").html(htmlTable);
    });
});
function retrieveListItems(listName){        
    return $.ajax({
        url: _spPageContextInfo.siteAbsoluteUrl + "/_api/web/lists/getbytitle('" + listName + "')/items",
        type: "GET",               
        headers: {
            "Accept": "application/json;odata=verbose"
        }
    });
}
</script>
<p><div id="listData1"></div></p>
<p><div id="listData2"></div></p>