這篇文章主要介紹了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中文網!
相關推薦:
基於Thinkphp和jquery 實作ajax多選反選不選刪除資料的功能
#
以上是利用ThinkPHP實現ajax仿官網搜尋的功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!