首页 > Web开发 > 详细

ajax返回json型简单案例

时间:2016-06-27 09:01:49      阅读:229      评论:0      收藏:0      [点我收藏+]

主页:

<!--输入代号点击查询查到本代号的人名-->
<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型简单案例

原文:http://www.cnblogs.com/jinshui/p/5619137.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!