Skip to main content

Serialize data in JSON and Deserialize in Apex

Hello Friends today post, How to serialize data in JSON or JavaScript Component and Deserialize in Apex Class...

so friends let us start........
First you create a lightning component and making some field , this post only controller part and apex code so you understand better if you create saome field and fetch data in jscontroller..

JsController code...

                Save:function(component,event,helper){                        //This is function
     
        var AcName=document.getElementById('accountdata').value; //get data
       // alert(AcName);
        var Status=document.getElementById('txtStatus').value;//get data
        var Priority=document.getElementById('Priority').value;//get data
        var Origin=document.getElementById('txtOrigin').value;//get data
        var Type=document.getElementById('txtType').value;//get data
        var Reason=document.getElementById('Reason').value;//get data
        var subject=component.find("Subject").get("v.value");//get data
     
        var objCase={                              //Seriliaze Data in Variable
            "AccName":AcName,
            "cStatus":Status,
            "cPriority":Priority,
            "cOrigin":Origin,
            "cType":Type,
            "cReason":Reason,
            "cSubject":subject
         
        }
        //alert('Serialize data'+JSON.stringify(objCase));
        var action=component.get("c.SaveCase");
        action.setParams({                                                 //Set Parameter when used in Apex Class
            "caseData":JSON.stringify(objCase)               //Set Parameter when used in Apex Class
        });
        action.setCallback(this,function(a){
         
            if(a.getState()=="SUCCESS"){
                // alert(JSON.stringify(a.getReturnValue()));
                //alert("Case Successfully Created!");
                component.set("v.Second","slds-hide");
                component.set("v.Third","slds-show");
            }else{
                alert("error");
            }
        });
        $A.enqueueAction(action);
    }


=> Apex side Code for Deserialize data for use.......


public class CaseCreationController {
 
    public class caseDataContainer{
     
        @AuraEnabled  public String AccName{get;set;}
        @AuraEnabled  public String cStatus{get;set;}
        @AuraEnabled  public String cPriority{get;set;}
        @AuraEnabled  public String cOrigin{get;set;}
        @AuraEnabled  public String cType{get;set;}
        @AuraEnabled  public String cReason{get;set;}
        @AuraEnabled  public String cSubject{get;set;}
     
    }
@AuraEnabled
    public static String SaveCase(String caseData){
     
        System.debug('Direct data from js=>'+caseData);
       // List<caseDataContainer> serdata=new List<caseDataContainer>();
       caseDataContainer data =(caseDataContainer)System.JSON.deserialize(caseData,caseDataContainer.class);  //This code is Deserialize Data and use for Create Case
     
        System.debug('Case data=>'+data);
     
        String result='';
     
        try{
            Case obj=new Case();
            obj.AccountId=data.AccName;
            obj.Status=data.cStatus;
            obj.Priority=data.cPriority;
            obj.Origin=data.cOrigin;
            obj.Type=data.cType;
            obj.Reason=data.cReason;
            obj.Subject=data.cSubject;
         
            insert obj;
            result=obj.Id;
        }catch(Exception e){
            System.debug('Error is' +e.getMessage()+ 'in Line '+e.getLineNumber());
        }
     
        return result;
     
    }

Note: I hope you understand this post if you any problem face and contact with Email :-ashish28897@gmail.com.


Thanks!
    

Buy me a coffeeBuy me a coffee

Comments

Popular posts from this blog

How to used slds-hide/show class for div hide and show in lightning component

Hello friends today post ,how to create a lightning component to use slds-hide/show class, very easy to use class and aplly.. so let us start ... firstly create a lightning component and there are two or three div or anything when you want to hide/show ... so see given bellow example and udes slds-hide/show class Step=>1.                   goto developer console=>File=>New=>Lightning Component                           sldshideshow.cmp <aura:component >     <aura:attribute name="First" type="string" default="slds-show"/>     <aura:attribute name="Second" type="string" default="slds-hide"/>         <center>     <div class="slds-box" style="width:300px;height:300px;margin-top:15px;">         <div class="{!v.First}">         ...

How to Create Floating Marquee

Hello frnds today post , how to create floating Marquee in Lightning Component so let us begin............. Step=>1. goto developer console                             File=>New=>Lightning Component                    FloatingMarq.cmp                  <aura:component>       <aura:handler name="init" value="{!this}" action="{!c.doInit}" />     <aura:attribute name="intervalId" type="Integer" default="0"/>       <div id="parentDIV" style="overflow:hidden">         <p style="position:relative;" id="tofloat">             <b><span style="color:red">Important Note : </span>             I am Floating (Left to Right) Imformation...</b...

Create Overlays with the New Modal Component

Hello friends, Now modal tag is available in #LWC, we can create a modal using the #LWC Standard tag. snapshot given below with code. Step-1 Create LWC component Step-2 Add below code Step-3 I am showing how my component is look like. Thanks for reading