1

私のアプリケーションでは、ユーザーが最初にユーザー名を入力するフォームがあります。ここで、そのユーザー名が利用可能かどうかを確認する必要があります。戻り値の型として true または false を返すメソッド「username」を追加しました。ここでは、この概念を実現するために ajax で jQuery を使用しています。ユーザーがこの名前を入力すると、2番目のテキストボックスに入力すると、このコードが実行され、結果が pop up[moda popup] として表示されます。メソッド「username」からの戻り値が true の場合、ユーザー名は既に使用されています 戻り値が false の場合、「ユーザー名は既に使用されています」というメッセージを表示する必要があります 「表示する必要はありません」

今、私のコードは次のようになります

<head>
  <title>Calling an ASP.NET Page Method with jQuery</title>
  <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">

      $(document).ready(function() {    
          $.ajax({    
              type: "POST",    
              url: "Default.aspx/Username",    
              contentType: "application/json; charset=utf-8",    
              data: "{}",    
              dataType: "json",    
              success: OnSuccess,    
              error: OnFailure    
          });    
    });

      function OnSuccess(result) 
      {
         // so  here i need   to  check  whethere  true  or false
         // based on that i need   to  show  modal  pop  up
          alert("Success!");    
      }

      function OnFailure (result)    
      {
          alert("The call to the page method failed.");    
      }    
  </script>    
</head>

これに関する解決策は素晴らしいでしょうありがとう

4

1 に答える 1

2 
<asp:TextBox id="txtUserName" runat="server"/>
<div id="divPrompt" style="display:none">User Name alredy in use</div>
<input id="otherText"...../>

<script type="text/javascript">
$(document).ready(function(){
    $("#<%= txtUserName.ClientID%>").blur(function(){
       $.ajax({    
              type: "POST",    
              url: "Default.aspx/Username",    
              contentType: "application/json; charset=utf-8",    
              data: "{}",    
              dataType: "json",    
              success: function (msg){
                  if(msg.hasOwnProperty("d")){
                     OnSuccess(msg.d);
                  } else{
                     OnSuccess(msg);
                  }
              },
              error: OnFailure
          });    
    });
});

  function OnSuccess(result) 
  {
     if(result.UserNameInUser)
       $("div#divPrompt").show();
     else
       $("div#divPrompt").hide();
  }

  function OnFailure (result)    
  {
      alert("The call to the page method failed.");    
  }    
</script>
于 2009-10-31T10:24:46.963 に答える