Use ThinkPHP to implement ajax-like official website search function-PHP Tutorial-php.cn

Use ThinkPHP to implement ajax-like official website search function

不言

Release： 2023-03-31 08:44:01

Original

2068 people have browsed it

This article mainly introduces the method of ThinkPHP to implement ajax-like official website search function. The example demonstrates the background query function and the method of submitting search data through front-end Ajax. It is a very practical skill. Friends who need it can refer to it

The example in this article describes how ThinkPHP implements the ajax imitation official website search function. Share it with everyone for your reference.

The specific implementation method is as follows:

Backend code:

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

Copy after login

Front-end code:

$(document).ready(function(){  
   $(".show_message").hide();  
   var $search=$(&#39;#search_box&#39;);  
   $("#submit_from").click(function(){  
    if($("#search_box").attr("value")==&#39;&#39;)  
    {  
        //alert(&#39;请输入文字!&#39;);  
        $(".show_message").html(&#39;错误提示：搜索框文本不能为空！&#39;);  
        $(".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=&#39;&#39;;  
                    $.each(data.data,function(no,items){      
                    html+=&#39;&#39;;  
                    });  
                    html+="  
&#39;+items.goods_id+&#39; &#39;+items.goods_name+&#39; &#39;+items.add_time+&#39; &#39;+items.brand+&#39; &#39;+items.price+&#39;";      
                     $(".goods-list").html(&#39; &#39;).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;  
        }  
      }  
         });  
    }  
  });  
});

Copy after login

and above That’s the entire content of this article. I hope it will be helpful to everyone’s study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

Analysis on ThinkPhp framework form validation and ajax validation issues

##Implementing ajax based on Thinkphp and jquery Function of deleting data by inverting multiple selections

The above is the detailed content of Use ThinkPHP to implement ajax-like official website search function. For more information, please follow other related articles on the PHP Chinese website!