网站地图    收藏   

主页 > 后端 > thinkphp教程 >

ThinkPHP中ajax仿官网搜索功能 - Thinkphp

来源:自学PHP网    时间:2014-11-28 23:17 作者: 阅读:

[导读] 后台代码: 搜索,如果在1不在0functionsearch(){$keyword=$_POST[ 39;search 39;];$Goods=M( 39;goods 39;); 这里我做的一个模糊查询...

ThinkPHP中ajax仿官网搜索功能

后台代码:

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

前端代码:

  1. $(document).ready(function(){ 
  2.    $(".show_message").hide(); 
  3.    var $search=$('#search_box'); 
  4.    $("#submit_from").click(function(){ 
  5.     if($("#search_box").attr("value")==''
  6.     { 
  7.         //alert('请输入文字!'); 
  8.         $(".show_message").html('错误提示:搜索框文本不能为空!'); 
  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=''
  26.                     $.each(data.data,function(no,items){     
  27.                     html+=''
  28.                     }); 
  29.                     html+=" 
  30. '+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'";     
  31.                      $(".goods-list").html(' ').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. }); 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论