Accessing a particular element in json while using ajax success method

Question

I am using below ajax call to get a json object from server side(php)

$.ajax({
    url: url,
    method: "POST",
    data: { cdrid : cdrid },
    dataType: "json",
    success: function(data)
    {
       $("#appName").val(data.appname);
       $("#callDate").val(data.callDate);
       $("#editHavenRecord").modal("show");                              
    },
    error: function()
    {  
       alert("Unable to get haven data");       
    }
});

i am getting following json object as response from server

[{"id":"433","cdrid":"5339922","appid":"108","appname":"Haven Holidays(Service) 2009","dnis":"1172441753","CallDate":"2016-03-01","CallInTime":"2016-03-01 15:08:28","CallEndTime":"2016-03-01 15:11:25","TranscribeDateTime":"2016-03-02 05:16:56","agentid":"K9Q","calloutcome":"Good Record","TermCd":"GR","title":"Mr","fname":"Elwood","lname":"Ward","Addr1":"99 Enclingson Road","Addr2":"Bournemouth","Addr3":"","Country":"","city":"","town":"","postcode":"TH9 1HR","HeardAdvert":"BRAND_TV","ver_code":"VO","ver_date":"3\/2\/2016 5:26:32 AM","Duration":"177","HangUpCode":"8010","TranscribedBy":"Tom.Rodie   ","batchid":"903"}]

However when i try to access any particular element like data.appname it is not working also when i try to print any element on console it gives me undefined

Looks like the json is an array. You would need to do data[0].appname. — Jacob Buczarski
– Jacob Buczarski, Commented May 26, 2016 at 23:31

CY_ · Accepted Answer · 2016-05-26 23:31:00Z

2

data is an array of one element inside, its element is the object you want. so data[0]

$.ajax({
        url: url,
        method: "POST",
        data: { cdrid : cdrid },
        dataType: "json",
        success: function(data)
        {
          

           // data is an array of one element inside, its element is the object you want. so data[0]
           $("#appName").val(data[0].appname);
           $("#callDate").val(data[0].callDate);
           $("#editHavenRecord").modal("show");                     
           
     
        },
        error: function()
        {
            
   
           alert("Unable to get haven data");
                
        }
    });

answered May 26, 2016 at 23:31

CY_

7,6181 gold badge17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Accessing a particular element in json while using ajax success method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related