ajax返回json型简单案例

Posted hq金水

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax返回json型简单案例相关的知识,希望对你有一定的参考价值。

主页:

<!--输入代号点击查询查到本代号的人名-->
<body>
<div> 
请输入代号:<input  type="text" id="name"/>
<input type="button" value="查询" id="btn"/>
</div>
</body>

<script type="text/javascript">
$(document).ready(function(e) {
    //var daihao=$("#name").val();这句话一定得放到click事件里面
    $("#btn").click(function(){
        var daihao=$("#name").val();
        $.ajax({
            url:"chuli.php",
            data:{code:daihao},
            type:"POST",
            dataType:"JSON",
            success:function(data)
            {
                alert(data.name);
            }
            })
        })
    
});
</script>

处理页面:

<?php
$code=$_POST["code"];
include ("DBDA.class.php");
$dx=new DBDA();
$sql="select name from nation where code=‘{$code}‘";
//var_dump($sql);
$attr=$dx->query($sql);
//创建关联数组
$arr=array();
$arr["name"]=$attr[0][0];
//数组转化为json
echo json_encode($arr);

 

以上是关于ajax返回json型简单案例的主要内容,如果未能解决你的问题,请参考以下文章

ajax——优化0126(增删改查:添加查看详情,返回结果类型为JSON型,在窗口显示)

AJAX(四)实例 -- json格式数据

链接中的 URL 片段和 JSF 中的 ajax 重定向

微信授权页面执行ajax不执行,刷新才能执行

AJAX中JSON数据的返回处理问题

08-最简洁易懂的Ajax+Json+JQuery+案例演示知识整理