Save Data to SharePoint list using REST Api

-
How to Save Data to SharePoint list using REST Api

 You can use the below code to save data to SharePoint list using REST Api

 JS Code:-

 $(document).ready(function() {
 $("#btn").click(function(){
    CreateListItem();
 });
});

function CreateListItem()
   { 
    $.ajax
        ({
        url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('TestRestList')/items",
        type: "POST",
        data: JSON.stringify
        ({
            __metadata:
            {
                type: "SP.Data.TestRestListListItem"
            },
            "Title": "Title"         
        }),
        headers:
        {
            "Accept": "application/json;odata=verbose",
            "Content-Type": "application/json;odata=verbose",
            "X-RequestDigest": $("#__REQUESTDIGEST").val(),
            "X-HTTP-Method": "POST"
        },
        success: function(data)
        {
            alert("Added Successfully");
        },
        error: function(data)
        {
            alert("Error Occured");
        }
    });

}

Comments

Post a Comment

Popular posts from this blog

Clear DataTable on button click

-
Image
How to clear DataTable on button click In this post we will learn how we can clear a datatable on a jQuery event. By click on "btnReset" we have to call datatable's destroy method to completely clear a datatable. We may need to clear a datatable on an event. Please follow the below code to achieve the same. HTML - <table id="tblResourcesData" class="display" width="100%" cellspacing="0">           <thead>               <tr>                   <th>Title</th>                   <th>Region</th>                 <th>Country</th>                <th>Email</th>             </tr>           </thead>  </table...
Read more

Populate dropdown using jquery ajax in SharePoint

-
Image
How to Populate dropdown using jquery ajax in SharePoint Step 1: Create a page and add Script Editor Web Part to it. Step 2: Paste the below code to Script Editor Web Part. Code:               <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js"></script> <script type="text/javascript"> var option; var Banks;  $(document).ready(function () {      Banks = $("#ddlbanks");  // html control      option = $("<option/>").attr("value",0).text("-Select-");      Banks.append(option);      populateBanks();   }); function populateBanks(){      $.ajax({ url: _spPageContextInfo.webAbsoluteUrl + "/_api/Web/Lists/GetByTitle('Banks')/Items", type: 'GET', dataType: 'json', async: false, headers: {     "accept": "application/json;odata=verbose;charset=ut...
Read more

SP.UI.ModalDialog.showModalDialog() Does Not Work Under SharePoint 2013

-
Migrating from SharePoint 2010 to SharePoint 2013, I have faced this issue "the calls to showModalDialog failed with message that the method cannot be found." SharePoint 2010  Example:  var options = SP.UI.$create_DialogOptions();         options.title = "EMPTY SEARCH BOX";         options.scroll = 0;         options.width = 500;         options.height = 150;         options.url = "/DocumentManagement/EmptySearch.aspx";         options.dialogReturnValueCallback = Function.createDelegate(                        null, portal_modalDialogClosedCallback);         SP.UI.ModalDialog.showModalDialog(options); Follow below steps: 1. Remove the Java Script reference : -  <script src="/_layouts/sp.js" type="text/javascript"></script>  <script src...
Read more