집 > 기사 > 백엔드 개발 > ThinkPHP를 사용하여 ajax와 유사한 공식 웹사이트 검색 기능 구현

ThinkPHP를 사용하여 ajax와 유사한 공식 웹사이트 검색 기능 구현

不言원래의: 2018-06-09 11:51:122042검색

이 글에서는 Ajax와 같은 공식 웹사이트 검색 기능을 구현하기 위한 ThinkPHP의 방법을 주로 소개합니다. 예제에서는 프론트엔드 Ajax를 통해 검색 데이터를 제출하는 방법을 보여줍니다. 참고하시면 됩니다

이 글은 ThinkPHP에서 ajax와 같은 공식 홈페이지 검색 기능을 구현하는 방법을 예시로 설명하고 있습니다. 참고할 수 있도록 모든 사람과 공유하세요.

구체적인 구현 방법은 다음과 같습니다.

백엔드 코드:

//搜索，如果在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);  
 }  
}

프런트엔드 코드:

$(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;  
        }  
      }  
         });  
    }  
  });  
});

이상은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되길 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요!

ThinkPHP를 사용하여 ajax와 유사한 공식 웹사이트 검색 기능 구현

관련 기사