ThinkPHP实现ajax仿官网搜索功能实例_PHP

本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。

具体实现方法如下：

后台代码:

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

前端代码:

$(document).ready(function(){  <br />   $(".show_message").hide();  <br />   var $search=$('#search_box');  <br />   $("#submit_from").click(function(){  <br />    if($("#search_box").attr("value")=='')  <br />    {  <br />        //alert('请输入文字!');  <br />        $(".show_message").html('错误提示：搜索框文本不能为空！');  <br />        $(".show_message").fadeIn(1000);  <br />        $(".show_message").fadeOut(1000);  <br />        $search.focus();  <br />        //return false;  <br />    }else{  <br />        //开始ajax执行数据  <br />        $.ajax({  <br />            type: "POST",  <br />            url:"/index.php/Goods/search",  <br />            data:{  <br />                search:$search<mark>@本文来源gaodaimacom搞#代%码@网-</mark><strong>搞代gaodaima码</strong>.val()  <br />            },  <br />            dataType: "json",  <br />            success: function (data) {  <br />    if (data.status == 1) {  <br />            //alert(data.info);  <br />            var html='';  <br />                    $.each(data.data,function(no,items){      <br />                    html+='';  <br />                    });  <br />                    html+="  <br />'+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'";      <br />                     $(".goods-list").html(' ').html(html);  <br />                   // alert(html);  <br />    }  <br />    else if (data.status == 0) {  <br />        $(".show_message").show();  <br />        $(".show_message").html(data.info);  <br />                    $(".show_message").fadeOut(3000);  <br />    //    alert(data.info);  <br />          return false;  <br />        }  <br />      }  <br />         });  <br />    }  <br />  });  <br />});

希望本文所述对大家的ThinkPHP框架程序设计有所帮助。

喜欢 (0)赏

[搞代码]

分享 (0)