asp.net 提交按钮关闭 Jquery Ajax

Question

我正在使用 JQuery UI 对话的 asp.net 页面。此对话框有一个提交按钮。当我单击提交按钮时，对话框关闭。我想在它上面调用一个Webmethod。如果方法返回 ture，那么我想关闭它，否则我想保持打开状态并显示错误消息。

[已编辑]

    <script>

        jQuery(function () {
            var dlg = jQuery("#dialog").dialog({
                draggable: true,
                resizable: true,
                show: 'Transfer',
                hide: 'Transfer',
                width: 320,
                autoOpen: false,
                minHeight: 10,
                minwidth: 10,
                beforeClose: function () {
                    $.ajax({
                        url: "Default.aspx/GetResult",
                        success: function (response) {
                            if (response == true) {
                                ("#dialog").close()
                            }
                            else {
                                alert('asdasdds');
                            }
                        }
                    });


                    return false; //this will stop dialog box to close
                }
            });
            dlg.parent().appendTo(jQuery("form:first"));
        });

    </script>

 <div id="Result">
        Click here for the time.</div>
    <div id="dialog" style="text-align: left; display: none;">
        <asp:Button ID="btnButton" runat="server" Text="Button" OnClick="btnButton_Click" />
    </div>

怎么做。请提出建议。

问候， 阿西夫·哈米德

Answer 1

您可以使用ajax 调用webmethod，然后根据响应有条件地对其进行操作。让您的网络方法只返回true/false，然后您可以在客户端检查此值。

单击提交按钮时执行此代码，不要关闭对话框。让成功处理程序决定是否关闭它。

$.ajax({
    url: "urlOfTheService.asmx/methodName",
    success: function(response){
        if(response == true){
            //Code to close the dialog
        }
        else{
            //Show the error message
        }
    }
});

ajax()参考：http://api.jquery.com/jQuery.ajax/

更新：

使用open对话框事件将提交处理程序附加到表单并执行上述代码。

        jQuery(function () {
            var dlg = jQuery("#dialog").dialog({
                draggable: true,
                resizable: true,
                show: 'Transfer',
                hide: 'Transfer',
                width: 320,
                autoOpen: false,
                minHeight: 10,
                minwidth: 10,
                open: function(){
                     $(this).find('form')
                     .unbind('submit')
                     .submit(function(){
                          var $form = $(this);
                          $.ajax({
                             url: "urlOfTheService.asmx/methodName",
                             success: function(response){
                                if(response == true){
                                   //Submit the form
                                   $form.unbind('submit')[0].submit();
                                }
                                else{
                                   //Show the error message
                                }
                           }
                         });
                         return false;
                     });
                }
            });
            dlg.parent().appendTo(jQuery("form:first"));
        });