通过 asp.net core web api in javascript 返回的数组进行枚举

Question

我的 asp.net 核心网站 API returns ID 和名称如下：

[HttpGet("{id}/names")]
public async Task<IEnumerable<VisaNameDto>> GetVisaNames(string id)
{
   visaNames = await visaDtoRepo.GetVisaNames(id);
   return visaNames;
}

public class VisaNameDto
{
   public int Id { get; set; }
   public string Name { get; set; }
}

当我使用此 API 并在客户端上进行控制台登录时，我得到的输出为：

const uri = "https://localhost:44395/visa/ae/names";
fetch(uri)
   .then((response) => response.json())
   .then((data) => console.log(data));
------------------------------------------------------------
{$id: '1', $values: Array(7)}
$id: "1"
$values: Array(7)
0: {$id: '2', id: 1, name: '48 Hours Transit Visa'}
1: {$id: '3', id: 2, name: '30 Days Tourist Visa'}
2: {$id: '4', id: 3, name: '30 Days Multiple Entry Tourist Visa '}
3: {$id: '5', id: 4, name: '96 Hours Transit Visa'}
4: {$id: '6', id: 5, name: '14 Days Tourist Visa '}
5: {$id: '7', id: 6, name: '14 Days Tourist Visa (Express)'}
6: {$id: '8', id: 7, name: '30 Days Tourist Visa (Express)'}
length: 7
[[Prototype]]: Array(0)
[[Prototype]]: Object

如何在 JavaScript 中遍历此内容并访问 ID 和名称？我什至没有得到它的长度（data.length 显示未定义）。另外 $id 从哪里来？

Answer 1

响应是一个具有属性 $id 和 $values 的对象。

const uri = "https://localhost:44395/visa/ae/names";
fetch(uri)
   .then((response) => response.json())
   .then(data => {
      data.$values.forEach(value => {
         // do something with value, eg.
         console.log(value.$id, value.id, value.name)
      })
   });

通过 asp.net core web api in javascript 返回的数组进行枚举

Enumerate through an array returned by asp.net core web api in javascript

javascript