Angular 4调用ASP.NET JsonResult接口获空数组，后端返回正常求排查方案

我来帮你拆解几个可能导致后端拿到数据但Angular端得到空数组的原因，以及对应的解决办法：

1. Angular请求URL的语法错误 #

你写的Angular请求代码里，URL的引号嵌套存在明显问题：

return this.http 
    .get('/Home/Get?endpoint='http://examplecode/API/gettestmethod') 
    // 这里的引号未正确闭合，属于语法错误，会导致请求发送异常

这种错误会让浏览器无法正确解析请求地址，甚至直接抛出语法错误。你需要修正引号，同时对endpoint参数做URL编码（因为参数里包含://这类特殊字符，不编码会导致后端解析参数出错）：

const targetEndpoint = 'http://examplecode/API/gettestmethod';
return this.http 
    .get(`/Home/Get?endpoint=${encodeURIComponent(targetEndpoint)}`) 
    .map((response: Response) => { 
        console.log(response); 
        return <myclass[]>response.json(); 
    });

2. RestSharp返回结果的序列化问题 #

你的后端代码用_restsharpClient.Get<List<object>>(endpoint)获取数据后直接返回JsonResult，这里有两个潜在坑：

• 如果RestSharp返回的是已经序列化好的JSON字符串（而非List<object>对象），再次用JsonResult序列化会把这个字符串转义成JSON格式的字符串，Angular解析后得到的是字符串而非数组，强制转成<myclass[]>就会变成空数组。
• List<object>的序列化可能丢失类型细节，导致Angular端无法正确映射到myclass类型。

建议先在后端调试时确认result的实际类型：

public JsonResult Get(string endpoint) { 
    var result = _restsharpClient.Get<List<object>>(endpoint); 
    // 调试时查看result的具体内容，若为JArray/JSON字符串，需先转换为对象再序列化
    return Json(result, JsonRequestBehavior.AllowGet); 
}

如果RestSharp返回的是动态类型或JObject/JArray，直接返回对应的对象会让序列化更准确。

3. Angular端类型映射不匹配 #

当你用<myclass[]>response.json()做类型断言时，TypeScript并不会自动转换数据结构，只是告诉编译器“我认定这是这个类型”。如果后端返回的JSON结构和myclass的属性不匹配，实际运行时就会出现类似空数组的情况：

• 检查属性名大小写是否一致（比如后端是UserName，前端是userName，大小写不匹配会导致属性无法映射）
• 检查数组层级是否正确（比如后端返回的是{ data: [...] }，你直接解析整个响应，得到的是带data属性的对象，转成数组自然为空）

如果后端返回的数组被包裹在某个对象里，需要先取出对应字段：

return <myclass[]>response.json().data; // 假设数组在data字段中

4. 跨域或响应拦截问题 #

虽然你说后端已拿到数据，但如果前后端不在同一域，浏览器可能会拦截响应（控制台会有跨域报错提示）。这种情况需要在后端配置CORS，允许前端域名的访问请求。

内容的提问来源于stack exchange，提问作者Chanet