时时商务社区

标题: ThinkPHP实现ajax仿官网搜索功能实例 [打印本页]

作者: xgnic 时间: 2018-2-14 05:51

         本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下：
后台代码:
[U]复制代码[/U] 代码如下://搜索，如果在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);
}
}
前端代码:
[U]复制代码[/U] 代码如下

(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: "

OST",
         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;
      }
   }
      });
}
  });
});
希望本文所述对大家的ThinkPHP框架程序设计有所帮助。


您可能感兴趣的文章:

ThinkPHP 防止表单重复提交的方法

ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单

ThinkPHP表单自动提交验证实例教程

ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法

ThinkPHP提交表单时默认自动转义的解决方法

ThinkPHP通过AJAX返回JSON的两种实现方法

ThinkPHP中使用ajax接收json数据的方法

在Thinkphp中使用ajax实现无刷新分页的方法

Thinkphp框架表单自动验证登录注册 ajax自动验证登录注册

关于ThinkPhp 框架表单验证及ajax验证问题

thinkPHP5 ajax提交表单操作实例分析

欢迎光临时时商务社区 (http://bbs.4435.cn/)