Jquery Ajax 게시 성공/오류 함수

Question

다음 코드를 성공적으로 실행하지만 성공 함수를 통해 불만을 구현하려고합니다. 인스턴트 메시지 만 보여 주지만, 다음 jquery 메시지 호출은 나타나지 않습니다. (메시지 기능은 동일한 페이지의 다른 인스턴스에서 작동 함).

jquery 1.6 사용.

코드가 실행되지 않는 이유는 무엇입니까? 감사! 내가 #postride 생각

$(document).ready(function(){ 
    $('#postride').submit(function() { 

    dataString = $("#postride").serialize(); 
    $.ajax({ 
     type: "post", 
     url: "postride.php", 
     data:dataString, 
     error: function() { 
      alert('error!'); 
      $(".message").text('An error occurred'); 
      $(".message").fadeIn("slow"); 
      $(".message").delay(2000).fadeOut(1000);  
     }, 
     success: function() { 
      alert('success!'); 
      $(".message").text('Your post has been completed'); 
      $(".message").fadeIn("slow"); 
      $(".message").delay(2000).fadeOut(1000);  
      setTimeout(function() { top.location.href="view.php" }, 3000);  
     } 
    }) 
    }); 
}); 

Answer 1

는 ajax를 사용하여 게시하는 형태이다. 코드의 문제는 제출할 양식의 기본 동작을 중단하지 않는다는 것입니다. 양식을 제출하자마자 아약스 전화 응답이 오기 전에 게시판이 나오기 때문에 아무 것도 볼 수 없습니다.

시도해보십시오.

$(document).ready(function(){ 
    $('#postride').submit(function(e) { 
    //This line will prevent the form from submitting 
    e.preventDefault(); 


    dataString = $("#postride").serialize(); 
    $.ajax({ 

... 
    }); 

    }); 
}); 

Answer 2

오해가 아닌 한 텍스트를 표시하지 않습니다.

I made a jsfiddle of the problem 제대로 작동하는 것 같습니다.