In this blog, I would like to add a code snippet for adding a new item in SharePoint Announcement list, using JavaScript Object Model. The Client Object Model must conclude with a call to ExecuteQuery() or ExecuteQueryAsync (ClientRequestSucceededEventHandler, ClientRequestFailedEventHandler).
Steps
  1. Open your SharePoint Site.
  2. Edit the SharePoint page and add a Content Editor WebPart .
  3. Add the following JavaScript code into CEWP.
  4. Save the page and hit F5.
Code snippet
  1. $(document).ready(function{
  2. createListItem();
  3. });
  4. function createListItem() {
  5. var clientContext = new SP.ClientContext(https://gowtham.sharepoint.com/tutorials");
  6. var oList = clientContext.get_web().get_lists().getByTitle('Announcements');
  7. this.oListItem = oList.getItemById(7);
  8. oListItem.deleteObject();
  9. clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
  10. }
  11. function onQuerySucceeded() {
  12. alert('Item created sucessfully: ' + oListItem.get_id());
  13. }
  14. function onQueryFailed(sender, args) {
  15. alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
  16. }
Thanks for reading my blog.