zoukankan      html  css  js  c++  java
  • 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 然后把定义好的一维数组放入
  • 相关阅读:
    js面向对象编程-高级内容
    (转)js中的hasOwnProperty和isPrototypeOf方法
    Bootstrap_表单
    Bootstrap_表格
    Bootstrap_排版
    Bootstrap_网格系统
    Bootstrap_CSS概览
    redis的搜索组件 redis-search4j
    有哪些值得学习的spring boot开源项目?
    国内最火的10款Java开源项目,都是国人开发,CMS居多
  • 原文地址:https://www.cnblogs.com/qz1234/p/5613437.html
Copyright © 2011-2022 走看看