Add A List Item In SharePoint Using JSOM (Announcement List)

In this blog, I would like to share a code snippet for how to delete an item in SharePoint announcement list, using JavaScript Object model.

Steps

1. Open your SharePoint site.
2. Edit SharePoint page and add a Content Editor WebPart.
3. Add JavaScript code given below into CEWP.
4. Save the page and hit F5.

Code snippet

$(document).ready(function
{
deletelistitem();
});

function deletelistitem() {

    var clientContext = new SP.ClientContext(https://gowtham.sharepoint.com/tutorials");
    var oList = clientContext.get_web().get_lists().getByTitle('Announcements');
    var itemCreateInfo = new SP.ListItemCreationInformation();
    this.oListItem = oList.addItem(itemCreateInfo);
    oListItem.set_item('Title', 'Test Item!');
    oListItem.set_item('Body', 'This Item has added Programmatically!');
    oListItem.update();
    clientContext.load(oListItem);
    clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
}

function onQuerySucceeded() {

    alert('Item created sucessfully: ' + oListItem.get_id());
}

function onQueryFailed(sender, args) {

    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}