Json string not able to display using jquery

Question

My web service is returning a JSON array called jsonString. I am using jQuery mobile. This has the value:

{
    "id": "10844",
    "password": "acddcd",
    "role": ["PortalAdmin,ViewAllJob,SetupAdmin,Budget Approval,MarketingAdmin,ProjectManagementAdmin,HRAdmin,PayRollAdmin,SCMAdmin,VendorPortalAdmin,FinanceAdmin,AnalyticsAdmin"],
    "userName": "portaluser"
}

What displaying this array in a text box (where #as is the text box):

$('#as').val(jsonString);

When I use this code :

var a = {
    "id": "10844",
    "password": "acddcd",
    "role": ["PortalAdmin,ViewAllJob,SetupAdmin,Budget Approval,MarketingAdmin,ProjectManagementAdmin,HRAdmin,PayRollAdmin,SCMAdmin,VendorPortalAdmin,FinanceAdmin,AnalyticsAdmin"],
    "userName": "portaluser"
};
alert(a.id);

I get the right answer i.e. 10844 However, when I use this code:

var a=jsonString;
alert(a.id);

I get undefined. Why?

If you using jQuery ajax then you can add dataType: "JSON" parameter to request. — ostapische
– ostapische, Commented Feb 18, 2014 at 8:19

Community · Accepted Answer · 2017-05-23 12:10:54Z

1

In the first case you create an object, when you acces this object's id property, there is no problem.

In the second case you give your variable a JSON as a string. That doesn't have an id attribute, you have to parse the JSON string first, than you can acces its attributes.

Do this in the second case:

var a = JSON.parse(jsonString);
alert(a.id);

If jsonString is not a string but an object there is two thing to mention:

As rockStar said be sure that your variable exists and you assigned the result from your web service to your jsonString variable.
This is bad naming. If you call it jsonString others suppose that it is a string. If it is an object then call it jsonObject or jsonResponse.

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Feb 18, 2014 at 8:12

totymedli

31.5k23 gold badges141 silver badges174 bronze badges

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

Comments

rockStar · Accepted Answer · 2014-02-18 08:33:31Z

0

var JSONstring = {
    "id": "10844",
    "password": "acddcd",
    "role": ["PortalAdmin,ViewAllJob,SetupAdmin,Budget Approval,MarketingAdmin,ProjectManagementAdmin,HRAdmin,PayRollAdmin,SCMAdmin,VendorPortalAdmin,FinanceAdmin,AnalyticsAdmin"],
    "userName": "portaluser"
};

you need to define ur JSONstring and the rest of your code is working,

var a = JSONstring;
alert(a.id);

fiddle

edited Feb 18, 2014 at 8:33

answered Feb 18, 2014 at 8:14

rockStar

1,29612 silver badges22 bronze badges

1 Comment

rockStar Over a year ago

as he didn't initialized it from his question code block, so he might just missed this as it will become undefined, as it is not defined.

Collectives™ on Stack Overflow

Json string not able to display using jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related