JSON查询显示

下面这些代码是JSON事件查询显示的一个小代码。注释已经标清。

<body>
//做一个DIV 里面添加一个文本条
<div>请输入代号:<input type="text" id="code" />
            <input type="button" value="查询" id="btn" />//添加一个按钮 ID命名为btn
</div>
<div id="name"></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    
    $("#btn").click(function(){ //添加一个btn的点击事件
    var code = $("#code").val();  //取出文本条中的数据,用code接收
    
    $.ajax({ //写一个ajax事件语句
        
        url:"selchuli.php", //添加一个selchuli页面进行处理
        data:{code:code},//传入先前写好的code值
        type:"POST",//传值的方式写为POST
        dataType:"json",//事件的方式为json
        success: function(data)
        {
            
            alert(data.name);//输出之前定义好的一维数组的关联名字/
        }
        
        });
        })

});
</script>
</html>

下面这个是处理页面的代码。

<?php

$code = $_POST["code"];//用一个函数code来接收传来的code值

include("DBDA.php");//链接数据库

$db = new DBDA();

$sql = "select tname from teacher where tno='{$code}'";//输入sql语句

$attr = $db->Query($sql);

$att = array();//创建一个att一维数组

$att["name"] = $attr[0][0];//把一维数组写成关联数组的形式,nmae=定义的二维数组的[0][0]

echo json_encode($att); //输出一个json语句json_encode 然后把定义好的一维数组放入
原文地址:https://www.cnblogs.com/qz1234/p/5613437.html