JQuery - 使用 JSON 的属性创建输入

Question

我正在尝试使用 JSON 设置的 id 和 value 属性创建输入。我有一个获取 JSON 的 ajax 调用，返回的数据很好，对于 JSON 中的每个对象，我想创建一个带有 ID 和 JSON 值的按钮。

Ajax 调用:

$.ajax({
            type: "GET",
            url: '@Url.Action("GetSubjects", "CommAPI")',
            dataType: "json",
            success: function (data) {
                $.each(data, function (index, element) {
                    $('#subjects').append('<input type ="button" id=" ' + element.Id + ' " value=' + element.Title + '  class=k-button  />');
                });
            },

        });

然而，JSON 中的对象还有 5 个附加属性，而不仅仅是 Id 和 Title。将调试器放置在创建输入的行时，Id 和 Title 未定义。

如何从此 JSON 创建这些输入？

从控制台复制的返回 JSON:

14:41:57.928 {"Data":[{"Id":1,"IdCSite":1,"IdDEvent":1,"Title":"Test","CaseName":null,"Description":"dsadasdasda","InsertedDate":"/Date(-62135596800000)/","SelectedUsers":null,"ViewSelectedUsers":null,"IsCurrentUserIncluded":false},{"Id":2,"IdCSite":1,"IdDEvent":1,"Title":"Test2","CaseName":null,"Description":"sdadasdas","InsertedDate":"/Date(-62135596800000)/","SelectedUsers":null,"ViewSelectedUsers":null,"IsCurrentUserIncluded":false},{"Id":3,"IdCSite":1,"IdDEvent":1,"Title":"test 3","CaseName":null,"Description":"sdadasdasda","InsertedDate":"/Date(-62135596800000)/","SelectedUsers":null,"ViewSelectedUsers":null,"IsCurrentUserIncluded":false}],"Total":3,"AggregateResults":null,"Errors":null}1 messageboard:128:25

Answer 1

根据您的 JSON，您需要使用 data 对象的 Data 属性。因此将 $.each(data, 更改为 $.each(data.Data,

 $.each(data.Data, function (index, element) {
     $('#subjects').append('<input type ="button" id="' + element.Id + '"  value="' + element.Title + '"  class=k-button  />');
 });