javascript - ASP.net Core 2.1 中的 Knockout js 返回未定义?
问题描述
我的 Kcnockout Js 有问题,当他试图返回结果时,他将结果返回给我,我已经验证了承包商,如果他正在向我返回数据,如下图所示,
但是当在视图中加载值列表时,它会告诉我它是未定义的,如下图所示,
我不知道他为什么给我发这条信息,这是我的控制器代码,
public JsonResult GetGender()
{
ServiceResult serviceResult = new ServiceResult();
serviceResult = this._genderServices.GetListGenders();
return Json(serviceResult);
}
这是查看代码,
<h2>Generos</h2>
<hr />
<p data-bind="visible: IsNewButton">
<a href="#" data-bind="click: New" class="btn btn-primary">Crear Nuevo</a>
</p>
<div id="divListGenders" data-bind="visible: ShowResult">
<table class="table">
<thead>
<tr>
<th>
Genero
</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody data-bind="foreach: Genders">
<tr>
<td style="text-align:left" data-bind="text: GenderName"></td>
<td style="text-align:center">
<a href="#" data-bind="click: $parent.Edit" class=" btn btn-warning"><span class="glyphicon glyphicon-edit"></span></a> |
<a href="#" data-bind="click: $parent.Details" class=" btn btn-info"><span class="glyphicon glyphicon-eye-open"></span></a> |
<a href="#" data-bind="click: $parent.Delete" class=" btn btn-danger"><i class="fas fa-trash"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div data-bind="visible: IsBackToListButton">
<a href="#" data-bind="click: BackToList" class="btn btn-info">Regresar</a>
</div>
<script src="~/js/Gender.js"></script>
这是返回流派列表的方法,
var LoadListGenders = function () {
$.ajax({
url: '/AdminGenders/GetGender',
data: null,
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
async: true,
success: function (data) {
if (data.Success) {
genderViewModel.Genders.removeAll();
genderViewModel.Genders(data.Data);
}
else {
alert(data.Data);
}
},
error: function (ex) {
alert('Ocurrión un error, cargando los generos.');
}
});
};
}
我在 asp.net MVC 5 上提供了它,它运行良好,我不知道为什么它在 ASP.NET Core 2.1 中对我不起作用,我将不胜感激
解决方案
ASP.NET Core
默认情况下,将输出序列化为驼峰JSON
式,而ASP.NET MVC 5
.
请注意,您帖子中的第一张图片显示所有属性都是驼峰式:
Object { success: true, message: null, data: Array(1) ... }
data
数组中的项目类似: genderId
,genderName
等。
解决此问题的一种方法是通过应用驼峰式属性名称来更新您的javascript
代码和绑定。
例如Knockout
success: function (data) {
if (data.success) {
// ....
}
else {
alert(data.data);
}
}
或者,您可以选择配置您的 Web API 以返回 Pacalcased JSON,例如通过在以下代码中
Startup
ConfigureServices
:
services
// ...
.AddJsonOptions(options => {
options.JsonSerializerOptions.PropertyNamingPolicy = null;
})
// ...
推荐阅读
- php - Codeigniter 3.0 - SMTP 邮件异常失败
- javascript - 在 JS 中访问 URL 中的参数(React)
- vb.net - 表单的默认大小
- c# - 无法从 System.Collection.GenericList 转换为 System.Predicate
- python - 下载公共可访问链接共享点 Excel 文件
- android - 如何在 AndroidViewModel 的 onChanged 函数中初始化值
- python - TypeError:float() 参数必须是字符串或数字,而不是“csr_matrix”
- godot - 我正在制作一个蜈蚣克隆 - 如何编写仅将每个段移动几个像素的移动逻辑
- angular - 如何在 Angular 中进行自定义验证?
- c++ - 有一个 std::vector 相关的概念问题