Json Объект в таблицу HTML

Question

Json Объект в таблицу HTML

0

У меня есть простая страница с "кнопкой/ссылкой", когда я нажимаю кнопку, мне нужно вызвать github api, чтобы вернуть все проблемы, зарегистрированные в моем репозитории, и показать их в виде таблицы.

Но когда я попал в ссылку, ничего не происходит.

   <html>
<head>

    <script src="json-to-table.js"></script>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>

</head>
<body>

    <h2>All Issues</h2>
    <a href="#" id="ghsubmitbtn" class="art-button">VIEW</a>

    <div id="ghapidata" class="clearfix">

<script type="text/javascript">

    $(function() {
        $('#ghsubmitbtn').on('click', function(e) {
            e.preventDefault();
            $('#ghapidata').html('<div id="loader"><img src="css/loader.gif" alt="loader..."></div>');

            var ghissues = 'https://api.github.com/repos/stroes/stroestest/issues';

            requestJson(ghissues, function(json) {
                if(json.message == "Not Found") {
                    $('#ghapidata').html("<h2>No Issues found in this repository</h2>");
                }

                else {
                    var jsonHtmlTable = ConvertJsonToTable(ghissues, 'jsonTable', null, 'Download');

                }

            }
        }
    });





</script>

    </div>
</body>
</html>

Может ли кто-нибудь указать мне, где я ошибся с моим кодом?

Stroes 24 фев. 2014, в 09:48

Источник

1

Вы можете опубликовать jsfiddle со всем приложенным кодом?
Patrick 24 фев. 2014, в 08:07

Теги:

javascript

jquery

json

github-api

jscript

3 ответа

Ещё вопросы

Вы можете опубликовать jsfiddle со всем приложенным кодом?

Spokey · Answer 1 · 2014-02-24T06-54-00.000Z

Вы должны увидеть ошибки в консоли. Вы не закрыли функции справа

$(function () {
    $('#ghsubmitbtn').on('click', function (e) {
        e.preventDefault();
        $('#ghapidata').html('<div id="loader"><img src="css/loader.gif" alt="loader..."></div>');

        var ghissues = 'https://api.github.com/repos/stroes/stroestest/issues';

        requestJson(ghissues, function (json) {
            if (json.message == "Not Found") {
                $('#ghapidata').html("<h2>No Issues found in this repository</h2>");
            } else {
                var jsonHtmlTable = ConvertJsonToTable(ghissues, 'jsonTable', null, 'Download');

            }

        });
    });
});

Fahim · Answer 2 · 2014-02-24T06-22-00.000Z

просмотрите здесь снова

    var jsonHtmlTable = ConvertJsonToTable(ghissues, 'jsonTable', null, 'Download');

Второй параметр требует id вашей таблицы, у вас нет таблицы с id jsonTable. Я думаю, что это проблема

Anoop Joshi · Answer 3 · 2014-02-24T05-14-00.000Z

ваш скрипт находится внутри вашего тега div. Когда вы меняете html внутри него, весь скрипт будет удален. Попробуйте разместить сценарий вне тега div.

<html>
<head>
<script src="json-to-table.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="script.js"></script>
<script src="script.responsive.js"></script>

</head>
<body>

<h2>All Issues</h2>
<a href="#" id="ghsubmitbtn" class="art-button">VIEW</a>

<div id="ghapidata" class="clearfix"></div>

<script type="text/javascript">

 $(function() {
    $('#ghsubmitbtn').on('click', function(e) {
        e.preventDefault();
        $('#ghapidata').html('<div id="loader"><img src="css/loader.gif" alt="loader..."></div>');

        var ghissues = 'https://api.github.com/repos/stroes/stroestest/issues';

        requestJson(ghissues, function(json) {
            if(json.message == "Not Found") {
                $('#ghapidata').html("<h2>No Issues found in this repository</h2>");
            }

            else {
                var jsonHtmlTable = ConvertJsonToTable(ghissues, 'jsonTable', null, 'Download');

            }

        }
    }
});