undefined return ajax success

Question

вот мой простой код, пытаясь получить данные от php до ajax. Я просто хотел получить простой проход данных обратно к успеху ajax. Я уже искал это, но я не могу получить его правильно. мой код очень прост.

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<SCRIPT TYPE="text/javascript"> 
$(document).ready(function(){ 
$("#1").click(function(){ 
$.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: { "txt": "try"}, 
      cache: false, 
      success: function(html) 
      {      
       alert(html.mes); 
      } 
      }); 
}); 
}); 
</SCRIPT> 
<pre><button id="1">try</button></pre> 

Тогда я загрузить ajax.php, который имеет простой код слишком

$var['mes'] = 'message'; 
echo json_encode($var); 

и его готовность меня "не определено". я знаю, что это просто, но я не могу найти его, где делают я неправильно

Answer 1

Вы должны сказать Jquery, что скрипт работает JSON:

$(document).ready(function(){ 
    $("#1").click(function(){ 
     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: { "txt": "try"}, 
      dataType: 'json', 
      cache: false, 
      success: function(html) 
      {      
       alert(html.mes); 
      } 
     }); 
    }); 
});