How to append json data

Question

1.00/5 (2 votes)

See more:

how to append json data to ul elements

Posted 16-Jun-16 21:59pm

Member 12559011

Updated 13-Jul-16 1:50am

v2

Add a Solution

Comments

Karthik_Mahalingam 17-Jun-16 4:01am

post sample json data.

Sergey Alexandrovich Kryukov 17-Jun-16 4:13am

Not clear. JSON is JavaScript, and HTML is HTML. (And, formally, appending HTML to HTML would produce non-HTML. You certainly mean something a bit more complicated, say, appending some HTML elements to the children of some other element.)

Probably you need to take JSON data and generate some HTML DOM using some rules and this data. If so, what's the problem? Do exactly that. Which part of JavaScript programming would be a problem for you here?

—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

xszaboj · Answer 1 · 2016-06-16T22:54:00

Solution 1

Hi,
I created solution for you on codepen
A Pen by xszaboj[^]

I am not able to call you API from codepen. So a wrote you some comments where to call what.

Feel free to tweak it to your needs. Hope it will help you achive what you need to do. Any questions just ask, and i will try to help.

Posted 16-Jun-16 22:54pm

xszaboj

Comments

xszaboj 17-Jun-16 6:10am

displayMessages('919985500220',data.messages);
You said in comment above, that you need to show messages by id, but you didn't said what id so I picked customernumber.
if(messageContainer.customernumber == id)

xszaboj 17-Jun-16 6:49am

Yes, I can help, but how do you want it to work? Do you have multiple users on the page or only one?

xszaboj 17-Jun-16 7:51am

sorry no idea how gmail chat looks like, I've never used it

xszaboj 17-Jun-16 8:00am

check it now, if it is what you want

xszaboj 17-Jun-16 8:27am

check the pen now.
http://codepen.io/xszaboj/pen/XKKQjE

xszaboj 18-Jun-16 15:23pm

Is this what you wanted?

xszaboj 19-Jun-16 9:39am

it associate id with correct person