我在 MVC3 中有一个页面,带有一个链接(Ajax.ActionLink)。当用户单击它时,它会调用控制器的操作,并将结果插入到 div 中,并进行替换。
代码如下所示:
@Ajax.ImageActionLink("/Images/btn_share.png", "Share pool", "SharePool", new { poolKey = Model.Id, poolName = Model.Name },
new AjaxOptions {
UpdateTargetId="popup",
HttpMethod="GET",
InsertionMode = InsertionMode.Replace,
LoadingElementId="loading_dialog",
OnSuccess = "ShowPopup('#popup_share', true, true)"
}
ImageLinkAction 是使用图像作为链接的自定义扩展方法,ShowPopup 是一个 javascript 函数,用于显示更新的 div(使其看起来像弹出窗口)
现在插入到创建弹出窗口的 div 中的标记代码包含如下形式
<div>
@using (Html.BeginForm()) {
@Html.HiddenFor(model => model.ID)
<div class="editor-label">
@Html.LabelFor(model => model.EmailAddress)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.EmailAddress)
@Html.ValidationMessageFor(model => model.EmailAddress)
</div>
// ... other fields
@Html.ValidationSummary(true)
<p>
<button type ="submit">Share</button>
</p>
}
</div>
问题在于表单的提交:“提交”按钮调用正确的操作,但带有回发,这会导致我的页面刷新。我需要的是使用 ajax 发布数据,接收响应,这是插入到的另一个部分视图
我试图用 Ajax.ActionLink 替换“提交”按钮,如下所示
@Ajax.ActionLink("Share", "Share",
new Models.MyModel
{
ID = Model.ID,
EmailAddress = Model.EmailAddress
},
new AjaxOptions
{
UpdateTargetId="popup",
HttpMethod="POST",
InsertionMode = InsertionMode.Replace,
LoadingElementId="loading_dialog",
OnSuccess = "ShowPopup('#popup_share', true, true)"
}
控制器的代码如下所示:
[HttpPost]
public ActionResult SharePool(MyModel model)
{
// ...
return PartialView("_MyPartialView", model)
}
问题是,在呈现 Ajax ActionLink 时(加载表单时),Model.EmailAddress 中没有值,因此我在控制器中的 POST 操作仅接收 ID 参数。
我该如何处理这个问题?理想情况下,我认为我应该添加
OnBegin = "PreparePostData()"
但由于我只知道基本的javascript,我不知道如何实现它。我认为这个PreparePostData()应该收集表单字段并准备对象routeValues参数,在调用ajax调用之前设置。
任何人都可以给我一些关于如何实现这一点的指示吗?
或者还有其他更好的方法来解决这个问题吗?
谢谢