Utilisez ThinkPHP pour implémenter une fonction de recherche de site Web officiel de type ajax-tutoriel php-php.cn

Utilisez ThinkPHP pour implémenter une fonction de recherche de site Web officiel de type ajax

不言

Libérer： 2023-03-31 08:44:01

original

2066 Les gens l'ont consulté

Cet article présente principalement la méthode de ThinkPHP pour implémenter la fonction de recherche de site Web officiel de type ajax. L'exemple démontre la fonction de requête en arrière-plan et la méthode de soumission des données de recherche via Ajax frontal. C'est une compétence très pratique. en cas de besoin, vous pouvez y faire référence

L'exemple de cet article décrit comment ThinkPHP implémente la fonction de recherche de site Web officiel de type ajax. Partagez-le avec tout le monde pour votre référence.

La méthode de mise en œuvre spécifique est la suivante :

Code backend :

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

Copier après la connexion

Code front-end :

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

Copier après la connexion

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Analyse sur les problèmes de validation des formulaires du framework ThinkPhp et de validation ajax

Implémentation d'ajax basée sur Thinkphp et jquery Multi-sélectionnez et inversez la fonction de suppression des données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!