未定义的返回ajax成功

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);
            }
        }); 
    });
});