Question

我是.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始终为null。

你能解释一下我的错误在哪里吗？

谢谢

Answer 1

这是一个关于模型绑定。当一个问题过帐数据作为JSON，接收到的数据是一个JSON对象像{"firstName":"Andrew","name":"Lock","message":"Hello"}。

所以，你应该用一个模式消息作为处理函数的参数，以便在ASP.NET核心正确绑定的JSON，你必须修改你的行动，包括属性[FromBody]的参数。

您可以看看Model binding JSON POSTs in ASP.NET Core。

将Json发布到剃须刀页面

1 个答案: