1

我有一个 MVC4 项目，我在其中使用 NuGet 安装 jQuery 3.1.0 和 Microsoft.jQuery.Unobtrusive.Ajax 3.2.3。我的包是这样的：

bundles.Add(new ScriptBundle("~/bundles/scripts").Include(
            "~/Scripts/jquery-3.1.0.min.js",
            "~/Scripts/jquery.unobtrusive-ajax.min.js",
            "~/Scripts/jquery.hoverIntent.minified.js",
            "~/Scripts/newScript.js",
            "~/Scripts/nav.js"
            ));

我有一个包含这样的 Ajax.BeginForm 块的视图：

@using (Ajax.BeginForm("ValidateBASFID", new AjaxOptions { UpdateTargetId = "ValidateBASFIDError", InsertionMode = InsertionMode.Replace }))
{
    <label class="required">BASF ID</label>@Html.ValidationMessageFor(model => model.BASFID, "", new { @class = "text-danger" })
    @Html.TextBoxFor(model => model.BASFID, new { style = "width: 50px; margin-right:20px; float:left;", @class = "form-control" })
    <input type="submit" value="Validate with BASF ID" class="smallButton" style="float:left;" />
    <div id="ValidateBASFIDError" class="validationError text-danger"></div>
    <div style="clear:both;"></div>
}

这个块指向一个控制器动作，如下所示：

public ActionResult ValidateBASFID(string BASFID)
{
    Models.Repositories.SectionRepository _repository = new Models.Repositories.SectionRepository();
    MemberVM Member = _repository.ValidateBASFID(BASFID);

    if (Member != null)
    {
        Member.SaveMemberInfo();

        return RedirectToAction("Sections", new
        {
            SectionSignupMasterID = Member.SectionSignupMasterID,
            VerificationEmail = Member.Email,
            MemberName = Member.FullName
        });
    }
    else
    {
        ViewBag.Message = "Invalid BASF ID";
        return PartialView("_ValidationError");
    }
}

我的想法是我将使用 AJAX 回发一个 ID 值并对其进行测试。如果 ID 有效，我将重定向到“部分”视图。如果 ID 无效，则返回错误消息。

发生的情况是有效的 ID 重定向到 Sections 视图，但页面没有出现。唯一显示的是年份。它只是在页面的左上角显示“2016”。该页面还试图从不同的域中检索图像。

如果我只注释捆绑包中的 unobtrusive-ajax，则视图重定向工作正常（但如果 ID 无效，我将无法返回错误消息）。如果我只注释捆绑包中的 jQuery，则视图重定向工作正常（但其他客户端代码已损坏）。

为什么这两个脚本库似乎不能很好地协同工作，或者我可以做些什么来获取更多关于这里发生的事情的信息？谢谢。

4

1 回答 1

1

斯蒂芬是对的。我稍微玩了一下代码，发现整个 Sections 视图都试图加载到 ajax.beginform 的目标中。由于页面底部的一些 javascript 而失败，但 Ajax 不用于重定向。

当我注释掉不显眼的库或 jQuery 时它起作用的原因是因为我正在破坏 ajax，它只是在进行标准回发。

更新：我在这里也找到了斯蒂芬的帖子，解决了我的问题。

于 2016-08-01T20:24:21.937 回答