Не удается получить .getJSON стрелять OnClick

голоса
0

Я пытаюсь получить функцию «restapp» в огонь OnClick, но не кажется, что это будет работать. Я не уверен, что проблема есть. Какие-либо предложения?

Вот мой код:

<html>
<head>
  <title>Restaurant App</title>
</head>
<body>

<input id=info type=button onclick=restapp() value=Create Table From JSON>

<hr>
<pre id=demo></pre>

<script>
result = [];
city = 'chicago';
opURL = 'http://opentable.herokuapp.com/api/restaurants?city=' + city;

function restapp() {
    $.getJSON(opURL, function(data) {
        //data is the JSON string
        for (i=0; i<data.restaurants.length; i++) {
            result.push(Name:  + 
            data.restaurants[i].name);
                result.push(Address:  + 
            data.restaurants[i].address);
                result.push(Price:  + 
            data.restaurants[i].price);
                result.push(<br>);
            }
        document.getElementById(demo).innerHTML = JSON.stringify(result, null, 2);
    });
}

</script>

</body>
</html>
Задан 07/11/2018 в 19:58
источник пользователем
На других языках...                            


2 ответов

голоса
0

Там только кажется, что некоторые неуместные функции скобки. Я сделал вставку innerHTML в качестве обработчика преемника:

function restapp() {
    $.getJSON(opURL, function(data) {
        //data is the JSON string
        for (i=0; i<data.restaurants.length; i++) {
            result.push("Name: " + 
            data.restaurants[i].name);
                result.push("Address: " + 
            data.restaurants[i].address);
                result.push("Price: " + 
            data.restaurants[i].price);
                result.push("<br>");
        }
    }).document.getElementById("demo").innerHTML = JSON.stringify(result, null, 2);    
}
Ответил 07/11/2018 в 20:14
источник пользователем

голоса
0

Где ваш JQuery?

$ .GetJSON требует JQuery. Проверьте вашу консоль браузера для ошибки.

<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

Вставьте это в headтеге.

Вы можете использовать селектор JQuery, чтобы выбрать поле ввода и использовать метод щелчка для события щелчка.

Ответил 07/11/2018 в 20:09
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more