Question

    function SimpleAjaxCall() {
        $.ajax({
            url: "/Account/Register",
            success: function (result) {
                $("#modalsignupbody").html(result);
                $('#signup').modal({
                    backdrop: 'static',
                    keyboard: true
                }, 'show');
            }
        });
    }

BUTTON CALL：

<button id="SignUpbtn" class="btn btn-warning" onclick="SimpleAjaxCall();">Sign Up</button>

模态：

  <div class="modal fade" id="signin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Sign in</h4>
            </div>
            <div class="modal-body">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

它无法工作我能够进入控制器功能，但我没有得到以下代码的任何结果：

 success: function (result) {

我的控制器：

   [HttpGet]
    [AllowAnonymous]
    public ActionResult Register()
    {
        return PartialView("_Register");
    }

Answer 1

很明显，您收到某种错误，请尝试检查FireBug的“网络”标签或您当前使用的任何其他工具。

Answer 2

试试这个：

[HttpGet]
    [AllowAnonymous]
    public ActionResult Register()
    {
        return PartialView("~/Views/Account/_Register.cshtml");
    }

如果它在Views / Shared文件夹中，那么：

[HttpGet]
    [AllowAnonymous]
    public ActionResult Register()
    {
        return PartialView("~/Views/Sahred/_Register.cshtml");
    }

Answer 3

在你的视图中找不到#modalsignupbody，并且模式的id在ajax调用中是#signup，但在视图中是#signin。应将html填充到“模态内容”中。

尝试：

function SimpleAjaxCall() {
    $.ajax({
        url: "/Account/Register",
        success: function (result) {
            $("#modal-body").html(result);
            $('#signin').modal({
                backdrop: 'static',
                keyboard: true,
                show:     true
            });
        }
    });
}

此外，当bootstrap可以为您完成所有操作时，无需使用ajax回调。但是，在您的情况下，您需要返回所有页眉/页脚等，或使用模板。

为此您可以使用：

$('#SignUpbtn').click(function (e) {
    $("#signin").modal({
            backdrop:   true,
            keyboard:   true,
            remote:     "/Account/Register",
            show:       true
    })

})

BUTTON CALL：

<button id="SignUpbtn" type="button" class="btn btn-warning">Sign Up</button>

打开部分视图按钮单击一个模态asp.net mvc？

3 个答案: