jQuery弹出保存按钮以执行POST方法

jQuery弹出保存按钮以执行POST方法,jquery,asp.net-mvc,asp.net-mvc-5,Jquery,Asp.net Mvc,Asp.net Mvc 5,我使用下面的代码打开一个包含文本框的jQuery弹出框 用户必须填写备注,然后单击弹出窗口上的保存按钮 弹出窗口有两个按钮:保存和取消 我尝试在单击Save时调用Action方法,但每次都调用GET方法。它没有调用POST方法 单击“保存”,输入的备注应发布到操作方法 此代码中需要进行哪些更改 <script type="text/javascript"> $(function () { $('#btnclick').click(function ()

我使用下面的代码打开一个包含文本框的jQuery弹出框

用户必须填写备注,然后单击弹出窗口上的保存按钮

弹出窗口有两个按钮:保存和取消

我尝试在单击Save时调用Action方法,但每次都调用GET方法。它没有调用POST方法

单击“保存”,输入的备注应发布到操作方法

此代码中需要进行哪些更改

<script type="text/javascript">
        $(function () {
        $('#btnclick').click(function () {
            $("#popupdiv").dialog({
                title: "Enter Remarks: ",
                width: 400,
                height: 200,
                modal: true,
                buttons: {
                    Save: function () {
                        //POST code here
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
        });
    })
    </script>

$(函数(){
$('#btnclick')。单击(函数(){
$(“#popupdiv”)。对话框({
标题:“输入备注:”,
宽度:400,
身高:200,
莫代尔:是的,
按钮:{
保存:函数(){
//这里的邮政编码
},
关闭:函数(){
$(this.dialog('close');
}
}
});
});
})

这是一个ajax post示例。假设您的备注包含在
$(“#备注”)
中,您可以试试这个

var remarks = {remarks: $('#remarks').val()};
var json = JSON.stringify(remarks);
 $.ajax({
        url: "localhost/Home/RemarksPost",
        type: "post",
        data:  json,
        dataType: 'json',
        success: function (response) {
           // you will get response 

        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }


    });
你的行动结果会像这样

[HttpPost]
public ActionResult RemarksPost(string remarks)
{
 //Your code here
}

再帮我一个忙。在备注框中输入的任何内容都应返回到该操作方法。使用'data'对象传递它:data:$(“#备注”)。val()我已更新备注以反映您的要求。