jQuery弹出保存按钮以执行POST方法
我使用下面的代码打开一个包含文本框的jQuery弹出框 用户必须填写备注,然后单击弹出窗口上的保存按钮 弹出窗口有两个按钮:保存和取消 我尝试在单击Save时调用Action方法,但每次都调用GET方法。它没有调用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 ()
<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()我已更新备注以反映您的要求。