SharePoint 2013 Hosting – How to Create list items in SharePoint

In SharePoint 2013, we are no longer using SPServices. Now we have two different approaches; JSOM (JavaScript Object Model) and REST (OData) services.Now, I will not describe in details how each of them works, I will just show you the code for getting list items in each technology.

ahp-new-banner

Example code for both REST and JSOM:

REST:

function GetListItemsFromSPList() {
var siteUrl = _spPageContextInfo.webAbsoluteUrl;

$.ajax({
url: siteUrl + “/_api/web/lists/getbytitle(‘My List Title’)/items”,
method: “GET”,
headers: { “Accept”: “application/json; odata=verbose” },
success: function (data) {
// Returning the results
var listItems = data.d.results;
listItems.forEach(function (entry) {
// Do something with list item which is in ‘entry’ object
});
},
error: function (data) {
alert(“Error: ” + data)
}
});
}

Explanation: First, we are getting the URL of our site in through object that resides in every SP page (_spPageContextInfo). Then, we making ajax call to REST APIto get list item of a SP list (you need to put your list’s name instead ‘My List Title’). If call was successful, then list items will be returned in object ‘data.d.results’ and we can access them in forEach loop.

JSOM:

function GetListItemsFromSPList(listId) {
// here we are fetching current context, but you can also use explicit call (where ‘site’ is URL of your site): var clientContext = new SP.ClientContext(site);
var context = new SP.ClientContext.get_current();
var web = context.get_web();
var list = web.get_lists().getById(listId);
var query = SP.CamlQuery.createAllItemsQuery();
var allItems = list.getItems(query);
context.load(allItems, ‘Include(Title, Id)’);
context.executeQueryAsync(Function.createDelegate(this, function () { onQuerySuccess(allItems); }),
Function.createDelegate(this, this.onQueryFailed));
}

function onQuerySuccess(allItems) {
var ListEnumerator = allItems.getEnumerator();
while (ListEnumerator.moveNext()) {
var currentItem = ListEnumerator.get_current();
// do something with your list item

}
}
function onQueryFailed(sender, args) {
alert(‘Error: ‘ + args.get_message() + ‘\n’ + args.get_stackTrace());
}

Explanation: In method ‘GetListItemsFromSPList’ we are getting the current context, getting the SP list by its id (it is also possible to get list by title) and we are making query to get all items from that list (‘SP.CamlQuery.createAllItemsQuery()’). After that, we need to explicitly include which fields of our list items we are going to use. For example, I included ‘Title’ and ‘Id’ field (context.load(allItems, ‘Include(Title, Id)’)). After that, we are making async call to SP list (context.executeQueryAsync). If query was successful, than method ‘onQuerySuccess’ will be called. In this method, we can now iterate through our list items and do want we want with them. If query was not successful, method ‘onQueryFailed’ will be called.

Best SharePoint Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers SharePoint hosting starts from $9.99. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable SharePoint Hosting, we should be your best choice.