lw1
@lw1
Пью пуэр.

Как вывести JSON данные из ссылки в HTML?

Нужно создать html страницу, которая будет получать JSON данные и выводить в HTML.
Есть такой код:
<!DOCTYPE html>
<html>
<head>
    <meta charset="windows-1251" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    
        <script type="application/javascript">  
    $(document).ready(function() {

        var url="http://website.com/api/get_recent_posts/";
        var buttonHtmlString = "", pageHtmlString = "";

        var jsonResults;

        $.getJSON(url,function(data){
            jsonResults = data.posts;
            displayResults();       
        });

        function displayResults() {

            for (i = 0; i < jsonResults.length; i++) {
               
                pageHtmlString += '' + jsonResults[i].content + '';
            }
        }
    });
        </script> 


</body>
</html>


Сайт на Wordpress. Установлен плагин JSON API.
Спасибо.
  • Вопрос задан
  • 1212 просмотров
Пригласить эксперта
Ответы на вопрос 1
max_nakamura
@max_nakamura
Php разработчик
.controller('eventsCtrl', function($scope,$http) {

  $scope.posts = [];
var wordpressUrl = "http://yoursite.com/wp-json/wp/v2/posts?categories=19";

  $http.get(wordpressUrl)
    .success(function(response){
      console.log("Reveived getPosts via HTTP: ", response, status);
      angular.forEach(response, function(child){  
        $scope.posts.push(child);
      });
    })
    .error(function(response, status){
      console.log("Error while received response. " + status + response);
    });

})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы