• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号
登陆 注册
描述文字

简单的百度预测搜索功能（php+jQuery+js+ajax）

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

前端代码：


<!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" ></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;


?>

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
利用php获取图片完整Exif信息类获取图片详细完整信息类发布时间：2022-07-10
下一篇：
php根据地球上任意两点的经纬度计算两点间的距离原理发布时间：2022-07-10
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap