首页 > 解决方案 > 没有匹配项时显示消息(Js / Ajax)

问题描述

对于我第一次使用 Ajax 的实习项目,我成功地创建了一个允许进行搜索并仅显示该研究产生的名称的功能。我的问题是,当我输入开头或不在数据库中的名称时,什么都没有附加(逻辑),我想知道如何简单地显示“没有用户与您的搜索匹配”或类似的类型的错误消息而不是全部展示。

我的代码:

  <script>
$('#testlf').submit(function (e){
    e.preventDefault();
    test2();
})
function test2(){

console.log($("#submitlf").val());
    $.ajax({
        type:'GET',
        url: 'fonctions/recherche_utilisateurs.php',
        data: 'mdl_user=' + $("#submitlf").val(),
        success: function(data){
            console.log(data);
            if(data !=""){
                $('#globalitem > *').remove();
                $('#globalitem').prepend(data);
            }else{
                document.getElementById('result-search').innerHTML = "<div> Aucun Utilisateur </div>"
            }
        }

    });

}
  </script>

第二页:

if(isset($_GET['mdl_user'])) {
    $user = (string)trim($GET['mdl_user']);
    $a = $_GET['mdl_user'];

    $q = $DB->get_records_sql(
        "SELECT DISTINCT firstname, lastname, institution FROM mdl_user, mdl_role_assignments WHERE (firstname LIKE '%".$a."%' OR lastname LIKE '%".$a."%') AND (mdl_role_assignments.id = mdl_user.id AND mdl_role_assignments.roleid = 4)",
        array("%$user%"));



// affichage du résultat

    foreach ($q as $item) {
        echo '
         <div class="listforma" style="border : 1px solid black" >
         <div class="photolf"> <img  alt="test" src="'. new moodle_url('/user/pix.php/'.$USER->id.'/f1.jpg').'" > </img>  </div>
        <div class="textlf">
        <div class="nomprenomlf"> ' . $item->firstname . ', ' . $item->lastname . ' </div>

        <div class="formationlf"> ' . $item->institution.' </div>
            <br>  <br>  <br>
                 <div class="complf">   '.$item->institution.'   </div>
         <div class="boxlf ">
             <div class="pilf">  <a href="" style="color: #6E706E"> Prochaines interventions    ></a> </div>
             <div class="travauxlf">  <a href="" style="color: #6E706E"> Travaux inter-sessions  > </a> </div>
             <div class="evalf">  <a href="" style="color: #6E706E"> Évaluation de satisfaction  ></a> </div>



         </div>


        </div>
    </div>';

    }
}

标签: javascriptphpmysqlajax

解决方案


推荐阅读