ThinkPHP實現ajax仿官網搜尋的功能

這篇文章主要介紹了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;          }        }           });      }    });  });

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！