这篇文章主要介绍了ThinkPHP实现ajax仿官网搜索功能的方法,实例演示了后台查询功能与前台Ajax提交搜索数据的方法,是非常实用的技巧,需要的朋友可以参考下
本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下:
后台代码:
//搜索,如果在1不在0 function search(){ $keyword = $_POST['search']; $Goods=M('goods'); //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是 //商城系统里面用到直接看产品ID $map['goods_id|goods_name'] = array('like','%'.$keyword.'%'); // 把查询条件传入查询方法 if($goods=$Goods->where($map)->select()) { $this->ajaxReturn($goods,'查询成功!',1); }else{ $this->ajaxReturn($data,"查询失败,数据不存在!",0); } }
前端代码:
$(document).ready(function(){ $(".show_message").hide(); var $search=$('#search_box'); $("#submit_from").click(function(){ if($("#search_box").attr("value")=='') { //alert('请输入文字!'); $(".show_message").html('错误提示:搜索框文本不能为空!'); $(".show_message").fadeIn(1000); $(".show_message").fadeOut(1000); $search.focus(); //return false; }else{ //开始ajax执行数据 $.ajax({ type: "POST", url:"/index.php/Goods/search", data:{ search:$search.val() }, dataType: "json", success: function (data) { if (data.status == 1) { //alert(data.info); var html=''; $.each(data.data,function(no,items){ html+=''; }); html+=" '+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'"; $(".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; } } }); } }); });
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
Atas ialah kandungan terperinci ThinkPHP实现ajax仿官网搜索的功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!