0

我遇到了一个问题，我第一次发布表单时它使用 ajax 和更新，但第二次它执行完整的回发并用我的部分视图替换页面。我已经检查过我的不显眼的脚本UnobtrusiveJavaScriptEnabled = true是否已经替换live为on...仍然有同样的问题。

更新：仅在 ModelState 无效时发生。

这是我找到答案但仍未解决的问题： Ajax.BeginForm 无法正常工作

任何你能照在这上面的光都将不胜感激。

这是我的主要观点（测试人员）：

@{
ViewBag.Title = "testView";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
    My TestView</h2>
    @{Html.RenderPartial("_Form", new Project.Models.TestModel());}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>

这是我的部分视图表单（_Form）：

@model Project.Models.TestModel
<div class="updatable">
<form method="post" action="@Url.Action("TestProjUpdate")" data-site-ajax="true" data-site-target=".updatable">
<fieldset>
    <div class="editor-label">
        @Html.LabelFor(model => model.TextField)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.TextField)
        @Html.ValidationMessageFor(model => model.TextField)
    </div>

    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
</form>
</div>

这是我的控制器：

public ActionResult Tester()
{
    return View();
}

[HttpPost]
public PartialViewResult TesterProjUpdate(TestModel model)
{

    if (!ModelState.IsValid)
        return PartialView("_Form", model);

    TestProj.Vehicle vehicle = new TestProj.Vehicle();

    if (Request.IsAjaxRequest())
    {
        return PartialView("_Vehicle", vehicle);
    }

    return PartialView("_Form", model);

}

最后是我的 jQuery ajax 调用：

$(function () {

var ajaxFormSubmit = function () {
    var $form = $(this);

    var options = {
        url: $form.attr("action"),
        type: $form.attr("method"),
        data: $form.serialize(),
    };

    $.ajax(options).done(function (data) {
        var $target = $($form.attr("data-site-target"));
        $target.replaceWith(data);
    });

    return false;
};

$("form[data-site-ajax='true']").submit(ajaxFormSubmit);

});

你能给我的任何帮助都会很棒！

4

1 回答 1

1

尝试改变你的

$("form[data-site-ajax='true']").submit(ajaxFormSubmit);

至

$("form[data-site-ajax='true']").one('submit', ajaxFormSubmit);

然后在你的 $target.replaceWith(data); 添加

$("form[data-site-ajax='true']").one('submit', ajaxFormSubmit);
于 2013-05-24T20:07:13.127 回答