CODEWITHSUNDEEP
jsonwordpressapi
desmeit
desmeit

Reputation: 650

JSON API to HTML

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);
        }
    });
}

Upvotes: 0

Views: 605

Answers (1)

S1r-Lanzelot
S1r-Lanzelot

Reputation: 2266

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.

Upvotes: 1

Related Questions