without using c# how to insert list items programatically?

i want to perform the following operation

insert,update,delete list items using csom.

i am new to csom and i try to insert the list items used some javascript.

function Insert_Click() {
        var name = $("#<%=txtname.ClientID%>").val();
        var gender = $("#<%=ddlgender.ClientID%>").val();
        var email = $("#<%=txtEmail.ClientID%>").val();   
        var city =  $("#<%=txtcity.ClientID%>").val();

        $().SPServices({

            webURL: "http://trig-o-1117:7272/sites/SPAppSite1/",
            operation: "UpdateListItems",
            async: false,
            batchCmd: "New",
            listName: "Details",
            valuepairs: [["Name", name]],
            completefunc: function (xData, Status) {


            }
        });
    }
 </script>

<td colspan="2" class="auto-style1"><asp:Button ID="btninsert" runat="server" Text="Submit" OnClientClick="return Insert_Click();"/></td>

this method is not working,please suggest some other methods.