asp.net提交按鈕關閉jQuery的阿賈克斯

Question

我的工作，我已經使用JQuery用戶界面對話的asp.net頁面上。這個對話框有一個提交按鈕。當我點擊提交按鈕對話框關閉。我想調用一個Web方法。如果方法返回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，然後有條件地基於響應採取行動。讓你的w​​ebmethod只返回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")); 
     });