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 using JavaScript, in VF 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: