I am using below code to fetch the data from SharePoint online Lists.
I need to get data from 3 different list on a single page. i create one function LoadAllData to call my 3 functions that contains the actual implementation.
Right now All 3 functions implementation is same only Lists are Different and onQuerySucceeded and onQueryFailed i am using Different names for each method.
when i call only one function any of them working perfect, but when i call 2 or all 3 function then it will run only last function. and it will override the data in div (it will populate the data only from last method)
Below the my code.
$(function () {SP.SOD.executeFunc('sp.js', 'SP.ClientContext', LoadAllData);
});
function LoadAllData()
{
GetSliderData(); //Get Data from SliderImages Library
GetAnnouncements(); // Get Data from Announcements List
GetAllStaff(); // Get Staff Data From Staff List
}
function GetSliderData() {
var clientContext = new SP.ClientContext();
var oList = clientContext.get_web().get_lists().getByTitle('SliderImages');
var camlQuery = new SP.CamlQuery();
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(
Function.createDelegate(this, this.onQuerySucceeded),
Function.createDelegate(this, this.onQueryFailed)
);
}
function onQuerySucceeded(sender, args) {
var listItemInfo = '';
var i = 0;
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
var filename = (oListItem.get_item("FileLeafRef"));
var title = (oListItem.get_item("Title"));
$("#SlideData").append(title + "<br>");
}
}
function onQueryFailed(sender, args) {
alert('Request failed. ' + args.get_message() +
'\n' + args.get_stackTrace());
}
function GetAnnouncements() {
var clientContext = new SP.ClientContext();
var oList = clientContext.get_web().get_lists().getByTitle('Announcements');
var camlQuery = new SP.CamlQuery();
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(
Function.createDelegate(this, this.onQuerySucceededAnnouncements),
Function.createDelegate(this, this.onQueryFailedAnnouncements)
);
}
function onQuerySucceededAnnouncements(sender, args) {
var listItemInfo = '';
var i = 0;
var listItemEnumerator = collListItem.getEnumerator();
// debugger;
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
var title = stripHtml((oListItem.get_item("Title")));
$("#AnnouncementData").append(title + "<br>");
}
}
function onQueryFailedAnnouncements(sender, args) {
alert('Request failed. ' + args.get_message() +
'\n' + args.get_stackTrace());
}
function GetAllStaff() {
var clientContext = new SP.ClientContext();
var oList = clientContext.get_web().get_lists().getByTitle('StaffRelocation');
var camlQuery = new SP.CamlQuery();
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem)
clientContext.executeQueryAsync(
Function.createDelegate(this, this.onQuerySucceededStaffMovement),
Function.createDelegate(this, this.onQueryFailedStaffMovement)
);
}
function onQuerySucceededStaffMovement(sender, args) {
var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
var title = (oListItem.get_item("Title"));
$("#StaffData").append(title + "br");
}
}
function onQueryFailedStaffMovement(sender, args) {
alert('Request failed. ' + args.get_message() +
'\n' + args.get_stackTrace());
}
SANAULLAH