jquery - POST Json 到剃刀页面
问题描述
我是 .Net 核心中剃须刀页面的新手,我很难理解它在 AJAX Post 的情况下是如何工作的。
我创建了一个示例项目来解释我的问题
我在一个名为 Index.cshtml 的文件中有一个包含三个输入的简单表单:
<form method="post">
firstname :
<input id="firstname" type="text" name="firstname" />
name:
<input id="name" type="text" name="name" />
message:
<input id="message" type="text" name="message" />
<input type="submit" value="Submit">
</form>
<script src="~/lib/jquery/dist/jquery.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function () {
var message = {
firstname: $("#firstname").val(),
name: $("#name").val(),
message: $("#message").val()
}
$.ajax({
url: "/Index",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(message),
success: function () {
console.log("success")
},
});
})
});
</script>
我想将我的 json 对象(消息)发送到 PageModel 中的 OnPost() 函数:
public class IndexModel : PageModel
{
public void OnGet()
{
}
public void OnPost(string json)
{
Console.WriteLine(json);
}
}
问题是它是空的,
我也尝试过:
data: {
"json" : JSON.stringify(message)
},
但在我的 OnPost 方法中,json 始终为空。
你能解释一下我的错误在哪里吗?
谢谢
解决方案
这是关于模型绑定的问题。当您将数据发布为 Json 时,接收到的数据是一个 json 对象,例如{"firstName":"Andrew","name":"Lock","message":"Hello"}
。
因此,您应该在处理程序中使用模型消息作为参数,为了在 ASP.NET Core 中正确绑定 JSON,您必须修改您的操作以在参数上包含属性 [FromBody]。
推荐阅读
- python - python将GMT时间转换为KST时间
- google-ads-api - 使用电子邮件获取客户 ID 并创建新的 Google Ads 经理帐户
- swift - 上传图片错误:用户未通过身份验证,请使用 Firebase 身份验证进行身份验证,然后重试
- php - 使用航班报价 API 在航班列表中获取航班的徽标图像
- python - 如何用 python 中的 pandas 数据框对象替换 salesforce 对象?
- python - tkinter 无法弄清楚如何从文件中读取并输入文本输入
- javascript - 如何在角度 8 中将事件从一个父组件传递到子组件?
- angular - 角度日期选择器选择周
- java - 我们可以在java中的一个类中有多个静态锁吗
- javascript - 在 Magento-2 中,如何编辑带有值的订单摘要标签并在购物车页面中添加更多标签?