Remove / delete list item using client object model (ecma script) in sp 2010

How to delete / remove list item using client object model (ecma script) in sharepoint 2010?
ECMAscript is a kind of javascript or jquery.

Sample code demo:


function deleteProduct(productId) {
var itemid= "1";
    var context = new SP.ClientContext.get_current();
    var web = context.get_web();
    var list = web.get_lists().getByTitle('listname');
    var itemToDelete = list.getItemById(itemid);
    itemToDelete.deleteObject();
    context.executeQueryAsync(Function.createDelegate(this, this.success), Function.createDelegate(this, this.failed));
}

function success() {
    alert('success');
}
function failed(sender, args) {
    alert('failed. Message:' + args.get_message());
}

add new list item using client object model in sp 2010

How to add / create new list item using client object model (ecma script) in sharepoint 2010?

ECMAscript is a kind of javascript or jquery.

Sample code demo:

function addProduct() {
    try {
var itemname= "Mame 1";
var itemdesc="item desc1;";
        var context = new SP.ClientContext.get_current();       
        var web = context.get_web();
        var list = web.get_lists().getByTitle('listname');

        var listItemCreationInfo = new SP.ListItemCreationInformation();
        var newItem = list.addItem(listItemCreationInfo);
        newItem.set_item('ItemName', itemname);
        newItem.set_item('ItemDesc', itemdesc);
     
        newItem.update();
        context.executeQueryAsync(Function.createDelegate(this, this.success), Function.createDelegate(this, this.failed));
    }
    catch (e) {
        alert('error:' + e.Message);
    }
}

function success() {
    alert('success');
}
function failed(sender, args) {
    alert('failed. Message:' + args.get_message());
}

Get List and set list Items using Ecma script Client Object model using SharePoint 2010

How to Get List item and set list Items using Ecma script ( Client Object model) using SharePoint SP 2010 :

For my scenario, I have  to update the news count of news list ("NewsListName") based on the user viewed click count.

So, i have to get the current value of custom list item and update the same with the increment value of 1.

The following code will demonstrate how to get and update list item from client side script itself by using ecma script (client object model) in Sp 2010.

ecma script is a kind of java script which is used to update items without using any page postback / server side code in sharepoint 2010.

Sample code example:

source:

<a href="#" onclick="updatenewscount(newsid);">news title</a>

script:

 

<SharePoint:ScriptLink Name="SP.js" runat="server" LoadAfterUI="true" Localizable="false" />
-OR-
<script language="ecmascript" type="text/ecmascript" src="SP.js" />

<script language="ecmascript" type="text/ecmascript">
var newslist;
var web;
var context;
var newsid;
var newsitem;
var newscount = "Count";


function updatenewscount(itemId)
{
    newsid = itemId;

    context = new SP.ClientContext.get_current();
    web = context.get_web();
    newslist = web.get_lists().getByTitle("NewsListName");
    newsitem = newslist.getItemById(newsid);

    context.load(newslist);
    context.load(newsitem);
    context.executeQueryAsync(OnNewslistsLoaded);
}

function OnNewslistsLoaded()
{
    var currentcount = newsitem.get_item(newscount);

    newsitem.set_item(newscount, parseInt(currentcount)+1);
    newsitem.update();

    // Submit the query to the server
    context.load(newsitem);
    context.executeQueryAsync(OnNewsUpdated, OnError);   
}

function OnNewsUpdated (args)
{
     Alert(‘news count updated’);
}

function OnError(sender, args)
{
    alert(args.get_message());
}
</script>