ASP.NET核心MVC在子化表单后更新部分视图

public class MyController : Controller
{
    [HttpPost]
    public async Task<IActionResult> SubmitForm(MyModel model)
    {
        // 处理表单数据...

        // 返回部分视图
        return PartialView("_PartialViewName", model);
    }
}

<div>
    <!-- 这里是部分视图的内容 -->
    <p>@Model.SomeProperty</p>
</div>

<form id="myForm">
    <!-- 表单字段 -->
    <input type="text" name="SomeProperty" />
    <button type="submit">提交</button>
</form>

<div id="partialViewContainer">
    <!-- 部分视图将在这里更新 -->
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#myForm').submit(function(event) {
            event.preventDefault(); // 阻止表单默认提交行为

            $.ajax({
                url: '@Url.Action("SubmitForm", "My")',
                type: 'POST',
                data: $(this).serialize(),
                success: function(result) {
                    $('#partialViewContainer').html(result);
                },
                error: function(xhr, status, error) {
                    console.error('AJAX 请求失败:', error);
                }
            });
        });
    });
</script>