아약스 호출은 게시

Question

여기 내 코드입니다 : lecturer_login.php에서

<div id="test"></div> 

<form id="form-lecturer-login"> 

    <table> 
     <tbody> 
     <tr> 
      <td> 
       <label class="label">Username : </label><br> 
       <input name="username" value="" type="text"> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <label class="label">Password : </label><br> 
       <input name="password" value="" type="text"> 
      </td> 
     </tr> 
    </tbody> 
    </table> 
    <input value="Log In" type="submit"> 
</form> 

<script type="text/javascript"> 
$('#form-lecturer-login').submit(function(){ 
    $.post("../php/lecturer_login.php",$(this).serialize(), 
    function(data){ 
    $('#test').html(data[0]).show(); 
    }, "json"); 
}); 
</script> 

:

<?php 
$stack = array(); 
array_push($stack,"test"); 
echo json_encode($stack);  
?> 

참고 : 나는 내가 사용하지 않는 데이터를 전달하고 이해합니다. 시험 목적으로 만 사용하십시오.

'test'div는 텍스트를 'test'로 변경하지 않습니다.

저는 예제를 통해 이것을 배우고 jquery 문서를 따라했습니다. 내가 뭘 놓치고 있니? 내가 필요로하는 문서 헤드

<script type="text/javascript" src="../js/jquery-1.4.2.min.js" ></script> 

: 은 이외의 포함되어 있습니까?

Answer 1

나는

<?php 
$stack = array(); 
$stack['info']='test'; 
echo json_encode($stack);  
?> 

그런 짓을 그리고 $ .post 나는 당신이

event.preventDefault(); 

Answer 2

나는 문제가 생각해야 할 깜빡 $ 아약스

 $.ajax({ 
       url:'../php/lecturer_login.php', 
       type:'POST', 
       dataType:'json', 
       success:function (result) { 
        $('#test').html(result.info);//since info is the key of the json maybe the same for $.post 
       } 
     }); 

선호의 insted 것 당신이 포스트 백을 막지 못한다고. 이 일을

시도 :

<script type="text/javascript"> 
$('#form-lecturer-login').submit(function(event){ 
    event.preventDefault(); 
    ... 

이 함수에 매개 변수를 추가하고 preventDefault() 메서드를 호출합니다.