Question

我是ASP.NET MVC的新手，我有以下问题。在管理员创建了一个用户后，我希望使用jQuery显示成功弹出。这是我写的代码：

            <button id="show-dialog" type="submit" class="btn blue ">
                Create
                <i class="icon-plus"></i>
            </button>

            <div id="dialog">
                <p>
                    The User is saved in DB
                </p>
            </div>

            <script type="text/javascript">
                $(function () {
                    $('#dialog').dialog({
                        autoOpen: false,
                        resizable: true, 
                        dialogClass: 'ui-dialog-blue',
                        show: {
                            effect: "blind",
                            duration: 500
                        },
                        hide: {
                            effect: "clip",
                            duration: 500
                        }
                    });
                    $("#show-dialog").button().click(function () {
                        $('#dialog').dialog('open');
                    });
                });
            </script>

问题是，在我点击按钮后，用户没有保存到数据库中。请原谅我可怜的英语

============== EDIT ============================= ===================================

删除返回false后，数据保存正确。但现在弹出窗口只显示大约1秒钟，我被重定向到另一个页面，因为我的控制器中的方法。我应该只实现Thread.sleep（）或什么是最好的解决方案？

Answer 1

您可以尝试删除

return false;

点击功能中的

行。这应该允许您在按钮单击时提交表单，但在页面刷新时您将看不到对话框消息。

或者，您可以使用ajax调用来发布表单。像这样：

$("#show-dialog").button().click(function () {
    $.post( 'your-route', $('form').serialize(), function(data) {
         $('#dialog').dialog('open');
    })        
});

将用户添加到数据库后显示jQuery弹出

1 个答案: