JSON API to HTML

Question

I try using different instructions to use a JSON API from a Wordpress-System in a HTML-Teamplate. Unfortunately I do not succeed. Does anyone have any idea how I can read the section "Content" of http://www.earnyour21.de/api/get_page/?id=1588?

blog: function () {
    $.ajax({
        url: 'http://www.earnyour21.de/api/get_page/?id=1588',
        type: 'GET',
        dataType: 'json',
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
}

Do you just need to know how to access the content object within the data via JavaScript? If so will the structure of the json always be the same? — S1r-Lanzelot
– S1r-Lanzelot, Commented Oct 10, 2014 at 19:59
Yes, I think the structure of JSON always be the same. Thanks — desmeit
– desmeit, Commented Oct 10, 2014 at 20:04

S1r-Lanzelot · Accepted Answer · 2014-10-10 20:21:52Z

1

If the data structure of the JSON will always be the same, you can simply access the object directly using the objects name in JS.

blog: function(){
 $.ajax({
url: 'http://www.earnyour21.de/api/get_page/?id=1588',
type: 'GET',
dataType: 'json',
success: function(data){
  $('#content_test').append(data['page']['content']);
 },
 error: function(data){
  $('#content_test').append(data['page']['content']);
 }
});
}

Basically you need to use jquery to grab the div with an id of content_test and then append your data from the json. http://api.jquery.com/append/ and http://www.json.com/ for further reference.

edited Oct 10, 2014 at 20:21

answered Oct 10, 2014 at 20:04

S1r-Lanzelot

2,2663 gold badges32 silver badges50 bronze badges

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

11 Comments

desmeit Over a year ago

Thank you very much. But how can I evaluate this in html? For example: <div id="content_test"></div>

S1r-Lanzelot Over a year ago

So you would like to add the text within the JSON content object to a div so it would look like this: <div id="content_test"><p>start<\/p></div>?

desmeit Over a year ago

Yes, exactly this is what I need to do

desmeit Over a year ago

you are the best. Thank you very very much! :-) Still one question: Why gets JSON instead of </p> this: <\/p>

S1r-Lanzelot Over a year ago

I did not add the <p> tags because they were already included in the JSON content object. If content only had the text you could add it like: $('#content_test').append('<p>'+data['page']['content']+'</p>');` however there are many different ways to do that.

|

Collectives™ on Stack Overflow

JSON API to HTML

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related