本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下:
后台代码:
//搜索,如果在1不在0 <br />function search(){ <br /> $keyword = $_POST['search']; <br /> $Goods=M('goods'); <br /> //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是 <br /> //商城系统里面用到直接看产品ID <br /> $map['goods_id|goods_name'] = array('like','%'.$keyword.'%'); <br /> // 把查询条件传入查询方法 <br /> if($goods=$Goods->where($map)->select()) <br /> { <br /> $this->ajaxReturn($goods,'查询成功!',1); <br /> }else{ <br /> $this->ajaxReturn($data,"查询失败,数据不存在!",0); <br /> } <br />}
前端代码:
$(document).ready(function(){ <br /> $(".show_message").hide(); <br /> var $search=$('#search_box'); <br /> $("#submit_from").click(function(){ <br /> if($("#search_box").attr("value")=='') <br /> { <br /> //alert('请输入文字!'); <br /> $(".show_message").html('错误提示:搜索框文本不能为空!'); <br /> $(".show_message").fadeIn(1000); <br /> $(".show_message").fadeOut(1000); <br /> $search.focus(); <br /> //return false; <br /> }else{ <br /> //开始ajax执行数据 <br /> $.ajax({ <br /> type: "POST", <br /> url:"/index.php/Goods/search", <br /> data:{ <br /> search:$search.val() <br /> }, <br /> dataType: "json", <br /> success: function (data) { <br /> if (data.status == 1) { <br /> //alert(data.info); <br /> var html=''; <br /> $.each(data.data,function(no,items){ <br /> html+=''; <br /> }); <br /> html+=" <br />'+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'"; <br /> $(".<div>本文来*源gaodai^.ma#com搞#代!码网</div><pre>搞gaodaima代码
goods-list”).html(‘ ‘).html(html);
// alert(html);
}
else if (data.status == 0) {
$(“.show_message”).show();
$(“.show_message”).html(data.info);
$(“.show_message”).fadeOut(3000);
// alert(data.info);
return false;
}
}
});
}
});
});
希望本文所述对大家的ThinkPHP框架程序设计有所帮助。