Как загрузить JSON на веб-страницу с помощью ajax - PullRequest
Новая
       2

Как загрузить JSON на веб-страницу с помощью ajax

0 голосов
/ 31 декабря 2018

Я пытаюсь получить данные JSON из API и добавить в HTML параметр выбора 

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<select id="school"></select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    schools();
});
function schools(){
        $.ajax({
            url:"http://localhost/sms/public/api/schools",
            method:"GET"
        }).done(function(data){
            var sch;
            for (var i = 0; i < data.length; i++) {
                sch = '<option>'+ data[i].name +'</option>';
            }
            $('#school').append(sch);
        })
    }
</script>
</body>
</html>

, но код ничего не показывает.Ниже приведен пример данных JSON, предоставленных API 

[
{
    "id": "2",
    "name": "Sample Academy" 
},
{
    "id": "3",
    "name": "Testing Academy" 
}
]

1 Ответ

0 голосов
/ 31 декабря 2018

Я не знаю вашу проблему?и ваш HTML-код, но попробуйте сделать это: 

$.ajax({
   url:"http://localhost/sms/public/api/schools",
   method:"GET"
}).done(function(data){
   var sch, i, json;
   json = JSON.parse(data);
   for (i = 0; i < json.length; i++) {
     $('#school').append('<option>'+ json[i].name +'</option>');
   }
});

если вы получаете данные с сервера в формате JSON, вы можете использовать JSON.parse(data) для преобразования формата JSON в собственный объект JavaScript.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...