trouble display json object in html

Question

i am trying to display a notification of an error message but what i am seeing is the actual json data with formatting.

notificationMsg({ text: data.responseText, type: 'error', hide: false });

result displayed is:

{"Title":"Error","Message":"Error with Account login","Type":3,"Data":null,"Hide":false,"IsClientMessage":true,"TypeString":"error"}

i would like for it to appear like such:

Error
Error with Account login

i tried:

notificationMsg({ text: JSON.parse(data.responseText), type: 'error', hide: false });

but the outcome was

[Object Object]

How can i properly display the error message without the formatting?

Sandip Pingle · Accepted Answer · 2014-11-24 07:27:10Z

1

you need to parse JSON try following code

  objResposneText = JSON.parse(data.responseText);
  notificationMsg({ text: objResposneText.Title, type: 'error', hide: false });
  notificationMsg({ text: objResposneText.Message, type: 'error', hide: false });

or for single notification message

  notificationMsg({ text: objResposneText.Title + " " + objResposneText.Message, type: 'error', hide: false });

answered Nov 24, 2014 at 7:27

Sandip Pingle

6754 gold badges15 silver badges37 bronze badges

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

2 Comments

Sandip Pingle Over a year ago

try adding var objResposneText = JSON.parse(data.responseText); before notificationMsg({ text: objResposneText.Title, type: 'error', hide: false });

user3244544 Over a year ago

yes i realized that i missed that so i went ahead and added it - thanks for your help!!

Collectives™ on Stack Overflow

trouble display json object in html

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related