我有一个由多个部分 View 组成的 View ,其中一个 View 使用 Edit
按钮显示用户信息。
单击 Edit
按钮时,我对另一个 Action
进行 ajax 调用,它返回加载到 JQuery 中的 Partial View
-UI模态对话框。
如何通过 Ajax 提交此编辑表单并更新主页上的 UserInfo
局部 View ?
最佳答案
Ajax 调用
$('#submitIt').submit(function() {
var createdBy = $('#createdBy').val();
$.ajax({
type: "POST",
url: '/MyController/GetContact/',
dataType: "html",
data: { 'createdBy': createdBy },
success: function (result) {
$('#myLittleForm').html(result);
},
error: function (request, status, error) {
//Do Something on Failure
}
});
});
Controller
[HttpPost]
public ActionResult GetContact(string createdBy)
{
ViewData["CreatedBy"] = createdBy;
return PartialView("MyView");
}
标记
<div id="myLittleForm">
<form action="/MyController/GetContact/" method="post">
<input id="createdBy" type="text"/> <br/>
<input id="submitIt" type="submit" value="Submit"/>
</form>
</div>
注意事项
当您在标记下提交表单时,将进行 ajax 调用并将 div“myLittleForm”替换为您的部分 View 。
关于c# - 如何在 ASP.NET MVC 中通过 Ajax 提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4817578/