CRUD On List Items Using Web Services And jQuery In SharePoint 2013 - Part 1

Update list item

Here is the main code in detail:

function updateListItem() {  
      
    var UpdateNewItemXml =  
        "<Batch OnError=\"Continue\"> \  
    <Method ID=\"1\" Cmd=\"Update\"> \  
        <Field Name=\"ID\">7</Field>\  
         <Field Name=\"Industry\">" + $("#Industry").val() + "</Field> \  
              </Method> \</Batch>";  
   var soapEnv =  
        "<?xml version=\"1.0\" encoding=\"utf-8\"?> \  
<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" \  
    xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" \  
    xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\"> \  
  <soap:Body> \  
    <UpdateListItems xmlns=\"http://schemas.microsoft.com/sharepoint/soap/\"> \  
      <listName>companyInfo</listName> \  
      <updates> \  
        " + UpdateNewItemXml + "</updates> \  
    </UpdateListItems> \  
  </soap:Body> \  
</soap:Envelope>";  
  
    $.ajax({  
        url: _spPageContextInfo.webAbsoluteUrl + "/apps/_vti_bin/Lists.asmx",  
        beforeSend: function (xhr) {  
            xhr.setRequestHeader("SOAPAction",  
            "http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");  
        },  
        type: "POST",  
        dataType: "xml",  
        data: soapEnv,  
        complete: processResult,  
        contentType: "text/xml; charset=utf-8"  
    });  
}  
function processResult(xData, status) {  
    retriveListItem();  
}

Delete list item

Here is the main code in detail:

function deleteListItem()  
{  
    var DeleteItemXml = "<Batch OnError=\"Continue\"> \  
            <Method ID=\"1\" Cmd=\"Delete\"> \  
                <Field Name=\"ID\">7</Field>\  
                <Field Name=\"Company\">" + $("#Company").val() + "</Field> \  
                      </Method> \</Batch>";  
    var soapEnv = "<?xml version=\"1.0\" encoding=\"utf-8\"?> \  
        <soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" \  
            xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" \  
            xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\"> \  
          <soap:Body> \  
            <UpdateListItems xmlns=\"http://schemas.microsoft.com/sharepoint/soap/\"> \  
              <listName>companyInfo</listName> \  
              <updates> \  
                " + DeleteItemXml + "</updates> \  
            </UpdateListItems> \  
          </soap:Body> \  
        </soap:Envelope>";  
    $.ajax(  
    {  
        url: _spPageContextInfo.webAbsoluteUrl + "/apps/_vti_bin/Lists.asmx",  
        beforeSend: function(xhr)  
        {  
            xhr.setRequestHeader("SOAPAction", "http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");  
        },  
        type: "POST",  
        dataType: "xml",  
        data: soapEnv,  
        complete: processResult,  
        contentType: "text/xml; charset=utf-8"  
    });  
}  
  
function processResult(xData, status)  
{  
    retriveListItem();  
}

Summary

In this article, we exploreed SharePoint Web service for (CRUD) operations on list items level. Hope it will be helpful.

CRUD Operation On List Items Using JSOM In SharePoint 2013 - Part 2
CRUD Operation On List Items Using REST API Services In SharePoint 2013: Part Three