Update ListItem in SharePoint using REST API

The example in this topic show how to use REST API to Update ListItem in SharePoint

  • function UpdateListItem()
  • {
  •        GetItemId();
  • }
  •  
  • function GetItemId()
  • {
  •         $.ajax
  •         ({
  •             // _spPageContextInfo.webAbsoluteUrl - will give absolute URL of the site where you are running the code.
  •             // You can replace this with other site URL where you want to apply the function
  •             // Optionally you can append "$top=10" to restrict the results to 'n' number of rows only.
  •             // e.g. - url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('List Name')/items$top=10",
  •             // "$select" can be used, if only a defined columns need to be returned in result set
  •             url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('list name')/items?$filter=Title eq 'new title'&$top=1&$select=Id",
  •             type: "GET",
  •             headers:
  •                {
  •                    // Accept header: Specifies the format for response data from the server.
  •                    "Accept": "application/json;odata=verbose"
  •                },
  •             success: function (data, status, xhr) {
  •                 var dataresults = data.d.results;
  •                 UpdateListItemUsingItemId(dataresults[0]["Id"]);               
  •             },
  •             error: function (xhr, status, error) {
  •                 console.log("Failed");
  •             }
  •         }); 
  • }
  •  
  • function UpdateListItemUsingItemId(Id) {
  •        $.ajax 
  •         ({
  •               // _spPageContextInfo.webAbsoluteUrl - will give absolute URL of the site where you are running the code.
  •         // You can replace this with other site URL where you want to apply the function
  •         url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('list name')/items(" + Id +")",
  •         type: "POST",        
  •         headers: 
  •         { 
  •             // Accept header: Specifies the format for response data from the server.
  •             "Accept": "application/json;odata=verbose",
  •             //Content-Type header: Specifies the format of the data that the client is sending to the server
  •             "Content-Type": "application/json;odata=verbose",
  •             // IF-MATCH header: Provides a way to verify that the object being changed has not been changed since it was last retrieved.
  •             // "IF-MATCH":"*", will overwrite any modification in the object, since it was last retrieved.
  •              "IF-MATCH": "*",
  •             //X-HTTP-Method:  The MERGE method updates only the properties of the entity , while the PUT method replaces the existing entity with a new one that you supply in the body of the POST
  •             "X-HTTP-Method": "MERGE",
  •             // X-RequestDigest header: When you send a POST request, it must include the form digest value in X-RequestDigest header
  •             "X-RequestDigest": $("#__REQUESTDIGEST").val()
  •         },
  •          data: JSON.stringify({
  •          __metadata:
  •             {
  •               // Format of the "type" is: SP.Data.<<ListName>>ListItem. First character of the <<ListName>> should be in Capital
  •               type: "SP.Data.List_x0020_NameListItem"
  •             },
  •             description: "Updated Description"
  •         }),
  •         success: function(data, status, xhr) 
  •         { 
  •             console.log("Success");     
  •         }, 
  •         error: function(xhr, status, error) 
  •         { 
  •             console.log("Failed");
  •         } 
  •     });
  • }

Thank you for reading this article. This code was tested in SharePoint 2013


© 2019 Code SharePoint