溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

php+mysql+ajax如何實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢

發(fā)布時(shí)間:2021-05-18 13:49:56 來源:億速云 閱讀:215 作者:小新 欄目:開發(fā)技術(shù)

小編給大家分享一下php+mysql+ajax如何實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

具體如下:

單表多字段查詢?cè)谝恍┥晕?fù)雜一點(diǎn)的查詢中十分有用。這里主要利用MySQL數(shù)據(jù)庫中的concat函數(shù)實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢。并且顯示查詢結(jié)果的表格可根據(jù)所選數(shù)據(jù)表動(dòng)態(tài)生成。

html代碼:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jPages.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      $(function(){
        //回車提交查詢
        $('#queryBox').keydown(function(e){
          if(e.keyCode == 13)
          {
            $("#query").focus();//查詢按鈕獲得焦點(diǎn)
            $("#query").click();//調(diào)用點(diǎn)擊提交按鈕
          }
        });
        //點(diǎn)擊查詢按鈕
        $("#query").click(function(){
          //獲取用戶選擇的數(shù)據(jù)表和查詢關(guān)鍵詞
          var queryType=$("#queryType").val().trim();
          var queryKeywords=$("#queryKeywords").val().trim();
          //對(duì)查詢關(guān)系詞的內(nèi)容進(jìn)行限制,比如只能輸入漢字、字母、數(shù)字和空格。
          var reg=/^[ a-zA-Z0-9\u4e00-\u9fa5]+$/;
          if(reg.test(queryKeywords)==false)
          {
            $("#queryTip").text("您輸入的關(guān)鍵詞有部分內(nèi)容不符合要求,只能輸入漢字、字母、數(shù)字和空格。");
          }
          //如果內(nèi)容檢測(cè)通過,開始提交查詢
          else
          {
            if(queryType!="" && queryKeywords!="")
            {
              $("#queryTip").text("正在為您檢索,請(qǐng)稍候……");
              //使用ajax訪問php頁面進(jìn)行查詢
              $.ajax({
                type:"post",
                url:"queryInIndex.php",
                async:true,
                data:{queryType:$("#queryType").val(),queryKeywords:$("#queryKeywords").val()},
                dataType:"json",
                success:function(data){
                  if(data=="no")
                  {
                    $("#queryTip").text("沒有找到您要查詢的信息。");
                  }
                  else
                  {
                    $("#queryTip").text("為您找到 "+data.length+" 條信息。");
                    //預(yù)設(shè)結(jié)果表格字符名
                    if($("#queryType").val()=="users")
                      fieldsString="郵箱,姓名,英文名,學(xué)號(hào),學(xué)位類型,導(dǎo)師,手機(jī),房間";
                    else if($("#queryType").val()=="papers")
                      fieldsString="作者,標(biāo)題,期刊/會(huì)議,卷期頁,級(jí)別,狀態(tài)";
                    else if($("#queryType").val()=="softwares")
                      fieldsString="作者,標(biāo)題,登記號(hào),日期";
                    else if($("#queryType").val()=="patents")
                      fieldsString="作者,標(biāo)題,受理日期,受理號(hào),授權(quán)日期,授權(quán)號(hào)";
                    //調(diào)用函數(shù)創(chuàng)建表格
                    createTable("queryResultList",data,fieldsString,"queryResultPager");
                    $("#queryKeywords").focus();// 關(guān)鍵詞文本框繼續(xù)獲得焦點(diǎn),以方便用戶繼續(xù)輸入內(nèi)容
                  }
                }
              });
            }
            else
            {
              $("#queryTip").text("請(qǐng)先選擇查詢類型,并輸入關(guān)鍵詞,然后點(diǎn)擊查詢按鈕。");
              $("#queryKeywords").focus();
            }
          }
        })
        function createTable(tableHolder,data,fieldsString,pagerHolder)
        //自動(dòng)創(chuàng)建結(jié)果表格的函數(shù)
        /*
         參數(shù)含義:
         tableHolder:顯示結(jié)果表格的父元素
         data:JSON格式的查詢結(jié)果
         fieldsString:字段名字符串
         pagerHolder:顯示分頁導(dǎo)航的元素
         * */
        {
          fieldsArr=fieldsString.split(",");//對(duì)字段名字符串進(jìn)行分割
          var columnNum=fieldsArr.length; //獲取列數(shù)
          var rowNum=data.length;//獲取行數(shù)
          $('#'+tableHolder).html("");//清除現(xiàn)有表格
          $('#'+tableHolder).append("<table border='1'><thead><tr></tr></thead><tbody></tbody></table>"); //設(shè)置表格結(jié)構(gòu)
          var i=0; //臨時(shí)循環(huán)變量
          while(i<columnNum) //加載字段值
          {
            $('#'+tableHolder+" thead tr").append("<th>"+fieldsArr[i]+"</th>");
            i++;
          }
          i=0;
          while(i<rowNum)//加載數(shù)據(jù)
          {
            var j=0;
            $('#'+tableHolder+" tbody").append("<tr>")
            while(j<columnNum)
            {
              $('#'+tableHolder+" tbody tr:last").append("<td>"+data[i][j]+"</td>");
              j++;
            }
            $('#'+tableHolder+" tbody").append("</tr>")
            i++;
          }
          //分頁導(dǎo)航,這里利用jPages插件
          $("#"+pagerHolder).jPages({
           containerID : tableHolder+" tbody", //存放表格的窗口標(biāo)簽ID
           previous : "前一頁", //指示首頁的按鈕
           next : "下一頁",//指示尾頁的按鈕
           perPage : 10,//每頁顯示表格的行數(shù)
           delay : 0 //分頁時(shí)動(dòng)畫持續(xù)時(shí)間,0表示無動(dòng)畫
          });
          //設(shè)置結(jié)果表格的隔行變色
          $('#'+tableHolder+" tr:odd").css("background-color","#fff");
          $('#'+tableHolder+" tr:even").css("background-color","#efefef");
        }
      })
    </script>
  </head>
<body>
  <div id="queryBox" >
    <span>
      <select id="queryType" ><!--選擇數(shù)據(jù)表的下拉菜單-->
        <option selected="selected" value="">請(qǐng)選擇數(shù)據(jù)表</option>
        <option value="users">學(xué)生信息</option>
        <option value="papers">論文</option>
        <option value="softwares">軟著</option>
        <option value="patents">專利</option>
      </select>
    </span>
    <span>
      <input type="text" id='queryKeywords' /><!--輸入查詢關(guān)鍵詞的文本框-->
      <input type="button" id="query"  /> <!--提交查詢按鈕-->
    </span>
    <div id="queryTip" class="tip">本功能支持以空格為分割標(biāo)記的多詞查詢。</div><!--信息提示框-->
  </div>
  <div id="queryResultList"></div><!--用于顯示查詢結(jié)果-->
  <div id="queryResultPager" ></div><!--結(jié)果分頁導(dǎo)航的容器-->
</body>
</html>

queryInIndex.php:

<?php
include_once("../phpFiles/connMysql.php");//包含連接數(shù)據(jù)庫的代碼
$queryType=$_POST['queryType'];//目標(biāo)數(shù)據(jù)表
$queryKeywords=$_POST['queryKeywords'];  //查詢?cè)~
$queryKeywords = preg_replace('#\s+#', ' ',$queryKeywords);//將字符串中多個(gè)連續(xù)空格替換為一個(gè)空格
$keywords=explode(" ",$queryKeywords); //查詢?cè)~按空格分割
//根據(jù)不同的數(shù)據(jù)表生成不同的查詢語句
if($queryType=="users")
{
  $sqlsmt="select email,truename,enName,stuid,degree,supervisorname,tel,room from $queryType where "; //查詢語句的初始值
  //利用循環(huán) 生成對(duì)每個(gè)關(guān)鍵詞的查詢語句
  foreach ($keywords as $keyword)
  {
    $sqlsmt.="concat(email,truename,enName,stuid,degree,supervisorname,tel,room) like '%$keyword%' or ";//本句是關(guān)鍵,利用concat函數(shù)實(shí)現(xiàn)從多個(gè)字段查詢單個(gè)關(guān)鍵詞,并用' or '關(guān)鍵詞把每個(gè)關(guān)鍵詞的concat結(jié)果合并
  }
  $sqlsmt=substr($sqlsmt,0,strlen($sqlsmt)-3); //去掉查詢字符串尾部的' or '
  $sqlsmt.=" order by degree asc, stuid desc"; //追加排序子句
}
else if($queryType=="papers")
{
  $sqlsmt="select authors,title,jorc,vap,level,status from $queryType where ";
  foreach ($keywords as $keyword)
  {
    $sqlsmt.="concat(authors,title,jorc,vap,level,status) like '%$keyword%' or ";
  }
  $sqlsmt=substr($sqlsmt,0,strlen($sqlsmt)-3);
  $sqlsmt.=" order by level desc, vap desc";
}
else if($queryType=="softwares")
{
  $sqlsmt="select authors,title,num,date from $queryType where ";
  foreach ($keywords as $keyword)
  {
    $sqlsmt.="concat(authors,title,num,date) like '%$keyword%' or ";
  }
  $sqlsmt=substr($sqlsmt,0,strlen($sqlsmt)-3);
  $sqlsmt.=" order by date desc";
}
else if($queryType=="patents")
{
  $sqlsmt="select authors,title,acceptDate,acceptNum,authorizeDate,authorizeNum from $queryType where ";
  foreach ($keywords as $keyword)
  {
    $sqlsmt.="concat(authors,title,acceptDate,acceptNum,authorizeDate,authorizeNum) like '%$keyword%' or ";
  }
  $sqlsmt=substr($sqlsmt,0,strlen($sqlsmt)-3);
  $sqlsmt.=" order by acceptDate desc";
}
$myrs=mysql_query($sqlsmt);//執(zhí)行查詢
if(mysql_num_rows($myrs)==0)//如果結(jié)果為空 返回'no'
{
  echo(json_encode("no"));
}
else //否則返回json格式的結(jié)果
{
  while($row=mysql_fetch_array($myrs))
  {
    $temp[]=$row;
  }
  echo(json_encode($temp));
}
?>

運(yùn)行結(jié)果截圖:

php+mysql+ajax如何實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢

php+mysql+ajax如何實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢

php有什么特點(diǎn)

1、執(zhí)行速度快。2、具有很好的開放性和可擴(kuò)展性。3、PHP支持多種主流與非主流的數(shù)據(jù)庫。4、面向?qū)ο缶幊蹋篜HP提供了類和對(duì)象。5、版本更新速度快。6、具有豐富的功能。7、可伸縮性。8、功能全面,包括圖形處理、編碼與解碼、壓縮文件處理、xml解析等。

看完了這篇文章,相信你對(duì)“php+mysql+ajax如何實(shí)現(xiàn)單表多字段多關(guān)鍵詞查詢”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI