使用来自json的数据附加函数jquery

Question

我正在尝试从json文件中检索数据并将其附加到html文件中。它几乎可以工作，但是当我追加时，它会附加＆＃34; data.username＆＃34;到站点而不是位于data.username的数据。我确保json中的数据名与代码中的名称匹配。

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

非常感谢任何帮助。 谢谢！

Answer 1

尝试+用户名+＆＃39;

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

Answer 2

您需要使用username变量连接html字符串。你不能将变量粘贴在字符串文字的中间。

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

Answer 3

您可以做的第一件事是使用alert(data.username)查看返回的值，然后更改看起来不正确的代码$(".list-group").append('<li>' + username + '</li>');