지정 jQuery를 아약스 응답 텍스트는 도움이 될 수 있습니다이 큰 사이트에 당신의

Question

희망 한 null를 돌려줍니다. 변수를 jQuery ajax 호출 응답 텍스트에 할당하는 데 문제가 있습니다.

나는 submited 때 데이터베이스에서 찾을 수있는 이메일 주소를 varify 내 "에서 checkEmail"기능을 실행하는 형태를 갖는다. 발견되면 responseText == "true", 그렇지 않으면 "false"입니다. 이것은 정상적으로 작동하고 Firebug를 사용하여 ok로 볼 수 있습니다 .... 그러나 응답 텍스트가 할당되어야하는 실제 변수는 지속적으로 ""표시되므로 함수가 항상 false를 반환합니다.

 function checkemail(){ 

      var EmailFromForm = $("#lostemail").val(); 

      var EmailCheckRes = $.ajax({ 

      type  : "POST", 
      cache  : false, 
      url   : "./scripts/passreset/emailcheck.php", 
      data  : "Email="+EmailFromForm, 
      dataType  : "text", 

     }).responseText; 


      if (EmailCheckRes == "true") 
      { 
       alert("Should say true: " + EmailCheckRes); 
       return true; 
      } 
      else 
      { 
       $("#ErrorMsg").html("Your email address is either invalid or not found."); 
       alert("Should say false: " + EmailCheckRes); 
       return false; 
      } 

     } 

누구든지 내가 뭘 잘못하고 있었는지에 대한 조언이 있다면 크게 감사하겠습니다.

Answer 1

아약스 URL을 emailcheck.php의 웹 URL이 아닙니다 사용하여 상대 시스템 경로가 될 필요가 편집이 ./

var EmailCheckRes = $.ajax({ 

    type  : "POST", 
    cache  : false, 
    async  : false, 
    url   : "scripts/passreset/emailcheck.php", 
    data  : "Email="+EmailFromForm, 
    dataType : "text", 

    }).responseText; 

: 그것은 동기 서버 요청에 전환 할 수있는 최적의 솔루션이 아니지만, 당신은 수도 브라우저가 응답을 계속하기를 기다리는 Ajax 옵션 async: false을 설정하면 문제가 해결됩니다. 또한 절대 경로로 전환하거나 상대 경로 앞에서 ./을 제거하는 것이 좋습니다. 예제 코드에이 옵션 추가를 반영했습니다.

Answer 2

문제는 $ 아약스 방법은 그래서 위해 checkEmail 기능이 완료 귀하의 아약스 요청하기 전에 을 반환하는 비동기 실행지고 있다는 점이다.

응용 프로그램의 흐름은 선형 아니므로 checkmail에서 반환 값은 아약스 요청에서 반환 된 반응을 반영하지 않습니다.

코드를 재구성하여 Ajax 요청이 완료되면 콜백을 수행하고 실행해야합니다.

Answer 3

당신은 당신의 코드를 재구성 할 필요가있다. 대부분의 AJAX 호출은 비동기식이므로 호출이 완료 될 때까지 기다리지 않고 코드의 흐름이 진행됩니다.

function checkmail() { 
    var checkThis = Ajax(); 

    if (checkThis) { 
     DoSomething(); 
    } 
    else { 
     DontDoSomething(); 
    } 
} 

을 위해 :

function checkemail() { 
    var EmailFromForm = $("#lostemail").val(), 

    $.ajax({ 
     type:"POST", 
     cache:false, 
     url:"./scripts/passreset/emailcheck.php", 
     data:"Email="+EmailFromForm, 
     dataType:"text", 
     success:function(EmailCheckRes){ 
      if (EmailCheckRes == "true") { 
       alert("Should say true: " + EmailCheckRes); 

       /* You cannot longer "return" this value, add code to do 
       * what you need done 
       */ 
       return true; 
      } 
      else { 
       $("#ErrorMsg").html("Your email address is either invalid or not found."); 
       alert("Should say false: " + EmailCheckRes); 

       /* You cannot longer "return" this value, add code to do 
       * what you need done 
       */ 
       return false; 
      } 
     }, 
     error:function(){ 
      $("#ErrorMsg").html("There was an AJAX communication error."); 
     } 
    }); 
} 

Answer 4

정말 고생 : 코드에 적용

이

function checkmail() { 
    Ajax.success = function(checkThis){ 
     if (checkThis) { 
      DoSomething(); 
     } 
     else { 
      DontDoSomething(); 
     } 
    }; 

    Ajax.error= function(){ 
     ReportSomeError(); 
    }; 

    Ajax(); 
} 

, 그것은 이런 식으로 뭔가를 갈 수

의미, 당신은 변경해야 이벤트의 "document.ready"단계에서 jQuery 아약스의 결과를 내 변수로 가져온다.

페이지가 이미로드 된 후 사용자가 선택 상자의 "onchange"이벤트를 트리거했을 때 jQuery의 ajax가 내 변수에로드되지만 페이지가 처음로드 될 때 데이터가 변수에 공급되지 않습니다.나는 내 변수에 데이터를 얻을 수 있어요, 기여 찰스 Guilbert에 JQuery - Storing ajax response into global variable

감사 :

나는 많은, 많은, 많은 다른 방법을 시도했지만 결국, 내가 필요로 대답이 유래 페이지에 있었다 내 페이지가 처음로드 될 때도 마찬가지입니다. 응답

jQuery.extend 
(
    { 
     getValues: function(url) 
     { 
      var result = null; 
      $.ajax(
       { 
        url: url, 
        type: 'get', 
        dataType: 'html', 
        async: false, 
        cache: false, 
        success: function(data) 
        { 
         result = data; 
        } 
       } 
      ); 
      return result; 
     } 
    } 
); 

// Option List 1, when "Cats" is selected elsewhere 
optList1_Cats += $.getValues("/MyData.aspx?iListNum=1&sVal=cats"); 

// Option List 1, when "Dogs" is selected elsewhere 
optList1_Dogs += $.getValues("/MyData.aspx?iListNum=1&sVal=dogs"); 

// Option List 2, when "Cats" is selected elsewhere 
optList2_Cats += $.getValues("/MyData.aspx?iListNum=2&sVal=cats"); 

// Option List 2, when "Dogs" is selected elsewhere 
optList2_Dogs += $.getValues("/MyData.aspx?iListNum=2&sVal=dogs");