Ajax POST 到控制器操作以更新视图模型，然后重新加载 div

html
<script src="https://code.jquery.com/jquery-3.6.4.min.JS"></script>
<script>
    $(document).ready(function () {
        // 监听按钮点击事件
        $("#updateButton").click(function () {
            // 获取要发送的数据
            var postData = {
                // 数据键值对
                key1: 'value1',
                key2: 'value2'
                // 添加更多数据...
            };
            // 发起Ajax POST请求
            $.Ajax({
                type: "POST",
                url: "/Controller/Action",  // 替换成实际的控制器和操作路径
                data: postData,
                success: function (result) {
                    // 在成功后更新视图模型
                    // 重新加载div的代码将在下一步中添加
                },
                error: function (error) {
                    console.error("Ajax request fAIled: " + error);
                }
            });
        });
    });
</script>

csharp
public class MyController : Controller
{
    [HttpPost]
    public ActionResult UpdateViewModel(MyViewModel viewModel)
    {
        // 处理接收到的视图模型数据
        // 更新视图模型的逻辑...
        // 返回更新后的视图模型
        return JSon(viewModel);
    }
}

html
<script>
    $(document).ready(function () {
        $("#updateButton").click(function () {
            var postData = {
                key1: 'value1',
                key2: 'value2'
            };
            $.Ajax({
                type: "POST",
                url: "/MyController/UpdateViewModel",
                data: postData,
                success: function (result) {
                    // 更新视图模型成功后重新加载div
                    $("#targetDiv").html("<strong>更新后的内容：</strong> " + result.propertyName);
                },
                error: function (error) {
                    console.error("Ajax request fAIled: " + error);
                }
            });
        });
    });
</script>