добавить функцию jquery с данными из json

-6

Я пытаюсь извлечь данные из json файла и добавить его в html файл. Он почти работает, но когда я добавляю, он добавляет "data.username" на сайт, а не данные, расположенные в имени data.username. Я убедился, что имя данных в json соответствует имени в коде.

    <script>
$.getJSON('package.json', function(data){
var username = data.username;
$(".list-group").append('<li>username</li>');
});
</script>

Буду признателен за любую оказанную помощь. Благодарю!

спросил(а) 2021-01-26T02:06:23+03:00 4 месяца, 3 недели назад
1
Решение
62

попробуйте '+ имя пользователя +'

 <script>
$.getJSON('package.json', function(data){
var username = data.username;
$(".list-group").append('<li>'+username+'</li>');
});
</script>

ответил(а) 2021-01-26T02:06:23+03:00 4 месяца, 3 недели назад
45

Вам нужно объединить строки html с переменной вашего username. Вы не можете вставить переменную в середине строкового литерала.

$(".list-group").append('<li>' + username + '</li>');

ответил(а) 2021-01-26T02:06:23+03:00 4 месяца, 3 недели назад
45

Первое, что вы можете сделать, это использовать alert(data.username) чтобы узнать, какое значение возвращается, а затем изменить код, который выглядит некорректно для меня $(".list-group").append('<li>' + username + '</li>');

ответил(а) 2021-01-26T02:06:23+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема