打開部分視圖按鈕，單擊內部的模態asp.net MVC？

Question

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

按鈕呼叫：

<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");
    }

如果它位於“視圖/共享”文件夾中，則：

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

Answer 3

在您的視圖中的任何地方都找不到#modalsignupbody，模態的ID在ajax調用中是#signup，但在視圖中是#signin。 html應該填充到“ modal-content”中。

嘗試：

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

此外，當引導程序可以為您完成所有操作時，無需使用ajax回調。 但是，就您而言，您將需要返回所有頁眉/頁腳等，或使用模板。

為此，您將使用：

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

})

按鈕呼叫：

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