javascript - 获取JSON对象并读取数据

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

这是我的代码:

var readAll = function () {
    $.ajax(
            {
                url: _spPageContextInfo.webServerRelativeUrl +
                    "/_api/web/lists/getByTitle('PhoneBook')/items/" +
                    "?$select=Id, Title, pb_FirstName, pb_PhoneNumber" +
                    "&$orderby=Title,pb_FirstName, pb_PhoneNumber",
                type: "GET",
                headers: {
                    "accept": "application/json;odata=verbose",
                },
                success: function (data) {
                    console.log(data);
                },
                error: function (err) {
                    alert(JSON.stringify(err));
                }
            }
        );
};


$(document).ready(function () {
    readAll();
});

$.get("https://-b55afdb7c2a3eb.sharepoint.com/sites/ak-dev/PhoneBookApp2")

function readList(data) {

    data = {
        "d": {
            "results": [{
                "__metadata": {
                    "id": "b4d773a6-f31e-442d-8974-38c535d491d6",
                    "uri": "https://-b55afdb7c2a3e6.sharepoint.com/sites/ak-dev/PhoneBookApp2/_api/Web/Lists(guid'1643df56-9c0c-41d8-8460-746c0490b234')/Items(1)",
                    "etag": "\"1\"",
                    "type": "SP.Data.LST_x005f_PhoneBookListItem"
                },
                "Id": 1,
                "Title": "name111111",
                "pb_FirstName": "name",
                "pb_PhoneNumber": "1234",
                "ID": 1
            }]

        }
    }

    var html = [];

    data = data.d.results;
    for (var i = 0; i < data.d.results; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + data[i].ID + "</td>");
        tr.append("<td>" + data[i].Title + "</td>");
        tr.append("<td>" + data[i].pb_FirstName + "</td>");
        tr.append("<td>" + data[i].pb_PhoneBook + "</td>");
        $('table').append(tr);
    }

    html.push("</table>");
    $('.table').html(html.join(''));
}

$.get("https://-b55afdb7c2a3eb.sharepoint.com/sites/ak-dev/PhoneBookApp2")
.success(function (response) {
    $('.table').append('<tr><td>Id</td></tr><tr><td>Title</td></tr><tr><td>Last Name</td></tr><tr><td>Phone</tr><')
})
.error(function (err) {
    alert(JSON.stringify(err));
});

那么，我怎样才能抓取数据并与我的 HTML 一起构建一个字符串并将其放在我的 HTML 表格中？我希望你可以帮助我。我是不是用for抓取数据循环？

我忘了说我有一个列表，我在其中保存数据。我的目标是在我的 html 表中呈现数据。上面的代码不起作用。

Answer 1

试试这个:

data = data.d.results;

var _table = $('<table/>');
for (var i in data) {
    tr = $('<tr/>');
    tr.append("<td>" + data[i].Id + "</td>"); // WARNING! You wrote ID instead of Id
    tr.append("<td>" + data[i].Title + "</td>");
    tr.append("<td>" + data[i].pb_FirstName + "</td>");
    tr.append("<td>" + data[i].pb_PhoneBook + "</td>");
    tr.appendTo(_table);
}

然后你就可以做

_table.appendTo( <<Some Selector>> );

当然，如果 [table] 元素已经存在，只需将 [tr] 附加到它..

编辑用 jQuery 的 $.each() 替换 for 循环会很棒。例如:

$.each(data, function() {
  // Do each row stuff here..
  // Data is accesible like this:
  //       this.Id or this.Title
});