jquery ajax에 무슨 문제가 있습니까?

Question

나는 어떤 형태의 데이터를 게시하고 결과를 반환하기 위해 노력하고있어하지만 난 문제가이 작업을 얻는 데 :

자바 스크립트를 :

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#sendthis").click(function() { 

      $.ajax({ 
       type: "POST", 
       data: $('#theform').serialize(), 
       cache: false, 
       url: "form.php", 
       success: function (data) { 

        alert(data); 

       } 
      }); 

      return false; 

     }); 

    }); 
</script> 

html로 :

<form id="theform"> 
    <input type="text" class="sized" name="name" id="name"><br /> 
    <input type="text" class="sized" name="email" id="email"> 
</form> 

<a href="#" id="sendthis">Submit</a> 

페이지 게시하려면 (form.php) :

<?php 
if (isset($_POST['name'])){ 
    $result = $_POST['name']; 
} 

echo $result; 
?> 

이제 내 unde입니다. 양식이 제출되면 form.php에 게시되고 "name"의 입력 값은 경고 상자에 반환됩니다. 그러나 양식 데이터가 올바로 게시 (또는 반환)되는 것을 볼 수 없습니다.

$('#theform').serialize()에 문제가 있습니까? 다른 뭔가?

도움을 주시면 감사하겠습니다.

Answer 1

이 시도하고 볼이 JQuery와에게

<form id="theform" action="/form.php"> 
    <input type="text" class="sized" name="name" id="name"/><br /> 
    <input type="text" class="sized" name="email" id="email" /><br /> 
    <input type="submit" name="submit" value="Submit" /> 
</form> 

추측

$("#theform").on('submit', function() { 
    $.post($(this).attr('action'), $(this).serialize(), function(data) { 
     alert(data); 
    }); 
    return false; 
}); 

Answer 2

아약스 요청에 오류 콜백을 추가하여 게시 도중 문제가 발생하면 잡으려고합니다. 파이어 버그와 같은 디버거가있어 어떤 데이터가 게시되고 있는지 (그리고 어디에서) 표시 할 수 있습니까?