javascript - 无法仅从通过 php 页面获取的 json 数据返回用户名

Question

我能够从外部 php 页面获取 json 数据并将其打印在 JavaScript 控制台上。但这些都是形式对象。以下是我在控制台上收到的数据:

[{"id":"1","username":"iammuneeb","password":"4297f44b13955235245b2497399d7a93","name":"Mirza Muneeb"},{"id":"2","username":"iamfaiz","password":"4297f44b13955235245b2497399d7a93","name":"Faiz"}]

如何仅提取用户名并将其转换为有序列表。 (ol)

这是我到目前为止所做的:

$(document).ready(function (e) {
    $('#delete').click(function (e) {
        var jsonData = getResultsInJson(username);
        jsonData.success(function (data) {
            var output = "<ol>";
            for (var i in data) {
                output += "<li>" + data.username + "</li>";
            }
            output += "</ol>";
            $('#placeholder').html(data);
            console.log(data.username);
        });
    });
});

这是 getResultsInJson():

function getResultsInJson(sql) {
    return $.ajax({
        url: 'commands.php',
        data: 'results=' + sql,
        dataType: 'json'
    });
}

Answer 1

当您使用for(x in y)格式时，x是键，y是数组或对象。由于 i 只是键，因此您需要将其用作键:

 for (var i in data) {
            output += "<li>" + data[i].username + "</li>";
        }