2

嗨，我的页面有问题。我在同一页面中有一个视图页面和 2 个表单。

问题是我有一个主表单和另一个由 JQuery 显示的表单。我的问题是当我打开对话框，提交表单并返回视图时，对话框消失了。我不知道如何返回仍然会显示打开的对话框的结果。

我需要你的帮助！

以下是我在应用程序中使用的代码。

.CSTHML 表格

@using (Html.BeginForm("Login2", "Account", FormMethod.Post, new { @id = "loginForm" }))
{
    <a id="submitlink" href="#" class="button button-large">Sign In</a>
}

// This is the pop-up dialog box
@using (Html.BeginForm("TroubleSubmit", "Account", FormMethod.Post, new { @id = "troubleSubmitForm" }))
{
    <a id="troubleSubmitLink" href="#" class="button">OK</a>
}

查询

$('a#submitlink').click(function () {
            $('#loginForm').submit();
        });

$('a#troubleSubmitlink').click(function () {
            $('#troubleSubmitForm').submit();
        });

下面是处理对话框表单提交的控制器操作的代码：

public ActionResult SignInTrouble(some parameter...)
    {
        // some operation and validation here

        return View(); // ??? What view will I return? When I return "Login" it will reload the page and close the dialog box.
    }

同样，如何返回仍将显示对话框的视图

4

2 回答 2

0

只是因为页面被重新加载，这种情况下必须使用ajax表单，所以它只会处理ajax表单的动作，然后将结果返回给表单，而不需要重新加载页面

@Ajax.BeginForm("TroubleSubmit","Account", new AjaxOptions(){ ...... })
于 2013-06-26T02:01:20.687 回答
0

您以传统（非 AJAX）方式提交表单，因此页面将重新加载。因此，您需要以 AJAX 方式发布。

$("#submitlink").on("click", function () {
    var loginForm = $("#loginForm");

    $.ajax({
        url: loginForm.attr("action"),
        type: "post",
        data: loginForm.serialize(),
    })
    .done(function(result) {
        // do something with the returned response
    });
});

成功的响应被处理，.done()但是你返回什么以及你如何处理结果取决于你。最简单的选择是返回一个局部视图，因此它只是一个插入现有 div 容器的 html 片段。

.done(function(result) {
    $("#someDiv").html(result);
});

我经常返回 JSON 并将视图呈现为 html 字符串{ status: 0, message: "Success", html: "<div>..." }。如果您只需要一个简单的“是/否”，则可以省略 JSON 中的 html 片段。

public ActionResult SignInTrouble(some parameter...)
{
    // some operation and validation here

    return Json({
        status: 1,
        message: "Validation Error"
    });
}

然后，您的回复将获得更多可能性

.done(function(result) {
    var status = result.status;
    var message = result.message;
    if (status == 0) {
      // OK
    } else {
      // ERROR
    }
    $("#messageDiv").text(message);
}
于 2013-06-26T02:39:28.110 回答