JQuery – 使用JSON中的属性创建输入

我正在尝试使用从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(''); }); }, }); 

然而，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, to $.each(data.Data,

  $.each(data.Data, function (index, element) { $('#subjects').append(''); }); 

Answer 2

您可以直接使用jQuery属性来实现：

 $.ajax({ type: "GET", url: '@Url.Action("GetSubjects", "CommAPI")', dataType: "json", success: function (data) { $.each(data, function (index, element) { $input = $(').prop('id', element.Id).prop('title', element.title).addClass('k'); $('#subjects').append($input); }); }); 

如何命名变量，例如’Id’是Javascript的关键词。 例如，如果它是用户，您应该命名为idu。

请享用 ：）