jQuery로 게시 된 데이터 문제 (

Question

) 아래 스크립트가 있습니다. 나는 데이터를 POST하고 데이터베이스에 삽입하려고하는데, jQuery는 잘 실행되지만 아무 것도 게시하지 않는다. 스크립트를 사용하지 않고 데이터를 게시 할 때 데이터가 올바르게 게시되고 아무 오류없이 데이터베이스 괜찮아요, 그래서 jquery 함수가 아무것도 게시하는 것 같습니다. 누군가 도와 주실 수 있습니까?

$('#form').live('submit',function(){ 
    $('#form').fadeOut('slow'); 
    $('#div').append("<h2>submittes</h2>"); 
    return false; 
    }); 


<form id="form" method="post" action="execute.php" name="form"> 
<textarea id="text" name="update"></textarea> 
<br> 
<input type="submit" value="update" id="update-submit"> 
</form> 

편집 :

$('#form').live('submit',function(){ 
var updateTextArea = $('#textarea').val(); 
$.ajax({ 
    type: "POST", 
    url: "execute.php", 
    data: updateTextArea, 
    success: function() { 
    $('#form').fadeOut('slow'); 
    $('#div').append("<h2>updated</h2>"); 
    } 
    }); 
    return false; 
    }); 

이 내가 아약스를 위해 무엇을 가지고,하지만 난 여전히 어떤 성공을 가지고 있지 않다.

Answer 1

자바 스크립트에는 AJAX 호출이 없습니다. 방금 양식을 페이드 아웃하고 h2을 추가하고 기본 동작이 발생하지 않도록합니다 (양식을 정상적으로 제출하는 것입니다).

$('#form').submit(function(){ 
    $.post($(this).attr('action'), { update: $(this).find('#text).val() }, function(){ 
    // success 
    }); 
}); 

체크 아웃이에 대한 추가 정보를 원하시면 JQuery와 API/문서 :

는 여기에 POST 아약스 요청을 작성하는 방법에 대한 기본 예입니다. 이 작업을 수행하는 방법에 대해 인터넷에 숨어있는 수십 개의 자습서가 있습니다.

Answer 2

음, 이벤트 핸들러 함수에서 false를 반환하여 다음 두 가지 트리거 :

• 이 (.preventDefault())
• 이벤트 전파를 중지 기본 동작을 방지
  을 (.stopPropagation())

이 제출이 일어나는 것을 방지합니다.

전송 이벤트 핸들러에서 직접 데이터를 전송해야합니다. 예를 들어 양식 데이터를 직렬화하여 서버로 전송하는 ajax 요청을 작성하십시오.

처럼 보일 수 :

$('#form').live('submit',function(){ 
    $('#form').fadeOut('slow'); 
    $('#div').append("<h2>submittes</h2>"); 

    $.post('execute.php', $(this).serialize(), function(data) { 
     // do something after success 
    }); 
    return false; 
});