Insert sObject record using Javascript in Salesforce Visualforce Page

How to insert record in Salesforce by using Javascript

In this blog, I will let you know how to insert record in Salesforce by using JavaScript, in the Visualforce page without Apex Class or standard and custom controller.

<apex:page id=”pageId”>
    <script src=”/soap/ajax/20.0/connection.js” type=”text/javascript”></script>
    <script>
        function insertAccount(){
            //Getting Session ID.
            sforce.connection.sessionId= “{!$Api.Session_ID}”;
            //Creating New Account Record.
            var account = new sforce.SObject(“Account”);
            //Getting Account Name from inputText.
            account.Name = document.getElementById(“pageId:frm:pb:pbs:pbsi:txtName”).value;
            //Create method
            var result = sforce.connection.create([account]);
            //Getting result
            if(result[0].getBoolean(“success”)) {
                alert(“New Account is created with id ” + result[0].id);
            }
            else {
                alert(“failed to create new Account ” + result[0]);
            }
        }
    </script>
    <apex:form id=”frm”>
        <apex:pageBlock title=”Insert Account” tabStyle=”Account” id=”pb”>
            <apex:pageBlockSection title=”Account Name” columns=”1″ id=”pbs”>
                <apex:pageBlockSectionItem id=”pbsi”>
                     <apex:outputLabel value=”Name” />
                     <apex:inputText title=”Name” id=”txtName” />
                </apex:pageBlockSectionItem>
            </apex:pageBlockSection>
            <apex:pageBlockButtons>
                <apex:commandButton onclick=”return insertAccount();” value=”Save”/>
            </apex:pageBlockButtons>
        </apex:pageBlock>
    </apex:form>
</apex:page>

Output: