zoukankan      html  css  js  c++  java
  • 简单的百度预测搜索功能(php+jQuery+js+ajax)

    前端代码:


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>

    </head>
    <body>
    <script type="text/javascript">
    function test(){
        $.ajax({
            url:'hou.php',
            data:{area:$('#area').val()},
            dataType:'json',
            type:'POST',
            success:function(data){
                $("div").empty();
                $.each(data,function(i,n){
                    if(n!=','){
                    $("div").append(n);
                    }
                    else{
                        $("div").append('<br>');
                    }
                })
                
                
            },
        });
    }
    </script>
    <input type="text" id="area" onkeyup="test()"/>
    <div id="show"></div>
    </body>
    </html>

    后端代码:

    <?php
    $_array=array(
        '1'=>'abc',
        '2'=>'acd',
        '3'=>'jack',
        '4'=>'jimmy',
        '5'=>'json');
    $_result=json_encode($_array);
    $key=$_POST['area'];//此处用get提交的可以用get获得,用post提交的用post获得,两者都可以用request
    $size=count($_array);

    $pattern= '/'.'^'.($key).'/';

    $str="";
    if($key!=null&&strlen($key)!=0)
            for($i=1;$i<=$size;++$i){
            
            if(preg_match($pattern,$_array["$i"])){
                
            $str=$str.$_array[$i].',';
            }
        }
    $str=json_encode($str);
    echo $str;


    ?>

  • 相关阅读:
    面试题:Spring的理解
    静态块与静态变量
    构造方法与构造块的执行顺序(区别于static)
    子类调用父类的构造函数几种情况
    使用json遇到的问题
    页面加载,使用ajax查询某个类别,并且给它们添加(拼接)连接
    对某个商品的上下架状态进行改变
    SSH后台管理系统,实现查询+分页
    跟上Java8
    java中值传递和引用传递
  • 原文地址:https://www.cnblogs.com/jiangwenli/p/4859194.html
Copyright © 2011-2022 走看看