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

时间:2013-06-13 23:34:34

标签: jquery asp.net-mvc

我是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()或什么是最好的解决方案?

1 个答案:

答案 0 :(得分:0)

您可以尝试删除

return false;
点击功能中的

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

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

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