ajax简单案例:返回json型

时间：2022-10-16 23:53:02

主页:

<!--输入代号点击查询查到本代号的人名-->

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

相关文章