ThinkPHP中ajax仿官网搜索功能

后台代码:

1. //搜索，如果在1不在0 
2. function search(){ 
3.     $keyword = $_POST[&＃39;search&＃39;]; 
4.     $Goods=M(&＃39;goods&＃39;); 
5.   //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是 
6.   //商城系统里面用到直接看产品ID 
7.     $map[&＃39;goods_id|goods_name&＃39;]  = array(&＃39;like&＃39;,&＃39;%&＃39;.$keyword.&＃39;%&＃39;); 
8.     // 把查询条件传入查询方法 
9.     if($goods=$Goods->where($map)->select()) 
10.      { 
11.               $this->ajaxReturn($goods,&＃39;查询成功!&＃39;,1); 
12.      }else{ 
13.               $this->ajaxReturn($data,"查询失败,数据不存在！",0); 
14.          } 
15.      } 

前端代码:

1. $(document).ready(function(){ 
2.    $(".show_message").hide(); 
3.    var $search=$(&＃39;#search_box&＃39;); 
4.    $("#submit_from").click(function(){ 
5.     if($("#search_box").attr("value")==&＃39;&＃39;) 
6.     { 
7.         //alert(&＃39;请输入文字!&＃39;); 
8.         $(".show_message").html(&＃39;错误提示：搜索框文本不能为空！&＃39;); 
9.         $(".show_message").fadeIn(1000); 
10.         $(".show_message").fadeOut(1000); 
11.         $search.focus(); 
12.         //return false; 
13.     }else{ 
14.         //开始ajax执行数据 
15.         $.ajax({ 
16.             type: "POST", 
17.             url:"/index.php/Goods/search", 
18.             data:{ 
19.                 search:$search.val() 
20.             }, 
21.             dataType: "json", 
22.             success: function (data) { 
23.     if (data.status == 1) { 
24.             //alert(data.info); 
25.             var html=&＃39;&＃39;; 
26.                     $.each(data.data,function(no,items){     
27.                     html+=&＃39;&＃39;; 
28.                     }); 
29.                     html+=" 
30. &＃39;+items.goods_id+&＃39; &＃39;+items.goods_name+&＃39; &＃39;+items.add_time+&＃39; &＃39;+items.brand+&＃39; &＃39;+items.price+&＃39;";     
31.                      $(".goods-list").html(&＃39; &＃39;).html(html); 
32.                    // alert(html); 
33.     } 
34.     else if (data.status == 0) { 
35.         $(".show_message").show(); 
36.         $(".show_message").html(data.info); 
37.                     $(".show_message").fadeOut(3000); 
38.     //    alert(data.info); 
39.           return false; 
40.         } 
41.       } 
42.          }); 
43.     } 
44.   }); 
45. });