chamando o método do lado do servidor em JQuery em asp.net

StackOverflow https://stackoverflow.com/questions/1653937

  •  11-09-2019
  •  | 
  •  

Pergunta

no meu aplicativo eu tenho um formulário onde o usuário inserir seu nome de usuário em primeiro lugar. Agora eu deveria verificar se o nome de usuário é avilable ou não eu tenho wtitten um método de "username" que faz isso whuch retornar verdadeiro ou falso como um tipo de retorno. aqui eu estou fazendo usando jQuery com ajax para obter este conceito. uma vez que o usuário digitar esse nome e quando ele vai para a segunda caixa de texto para digitar este código deve começar executado e dar-lhe o resultado como um pop-up [moda pop-up]. se o valor de retorno é verdadeiro do método "username" do nome de usuário já está em uso necessidade de mensagem no visor "alredy nome de usuário em uso" se o valor de retorno é falso "não há necessidade de exibição"

agora meus olhares código como este 

<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>

qualquer solução sobre isso seria ótimo obrigado

Foi útil?

Solução 

<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>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top