php mysql ajax 單表多欄位多關鍵詞查詢
阿新 • • 發佈:2018-11-10
單表多欄位查詢在一些稍微複雜一點的查詢中十分有用。本文主要利用MySQL資料庫中的concat函式實現單表多欄位多關鍵詞查詢。並且顯示查詢結果的表格可根據所選資料表動態生成。
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();//查詢按鈕獲得焦點
$("#query").click();//呼叫點選提交按鈕
}
});
//點選查詢按鈕
$("#query").click(function(){
//獲取使用者選擇的資料表和查詢關鍵詞
var queryType=$("#queryType").val().trim();
var queryKeywords=$("#queryKeywords").val().trim();
//對查詢關係詞的內容進行限制,比如只能輸入漢字、字母、數字和空格。
var reg=/^[ a-zA-Z0-9\u4e00-\u9fa5]+$/;
if(reg.test(queryKeywords)==false)
{
$("#queryTip").text("您輸入的關鍵詞有部分內容不符合要求,只能輸入漢字、字母、數字和空格。");
}
//如果內容檢測通過,開始提交查詢
else
{
if(queryType!="" && queryKeywords!="")
{
$("#queryTip").text("正在為您檢索,請稍候……");
//使用ajax訪問php頁面進行查詢
$.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+" 條資訊。");
//預設結果表格字元名
if($("#queryType").val()=="users")
fieldsString="郵箱,姓名,英文名,學號,學位型別,導師,手機,房間";
else if($("#queryType").val()=="papers")
fieldsString="作者,標題,期刊/會議,卷期頁,級別,狀態";
else if($("#queryType").val()=="softwares")
fieldsString="作者,標題,登記號,日期";
else if($("#queryType").val()=="patents")
fieldsString="作者,標題,受理日期,受理號,授權日期,授權號";
//呼叫函式建立表格
createTable("queryResultList",data,fieldsString,"queryResultPager");
$("#queryKeywords").focus();// 關鍵詞文字框繼續獲得焦點,以方便使用者繼續輸入內容
}
}
});
}
else
{
$("#queryTip").text("請先選擇查詢型別,並輸入關鍵詞,然後點選查詢按鈕。");
$("#queryKeywords").focus();
}
}
})
function createTable(tableHolder,data,fieldsString,pagerHolder)
//自動建立結果表格的函式
/*
引數含義:
tableHolder:顯示結果表格的父元素
data:JSON格式的查詢結果
fieldsString:欄位名字串
pagerHolder:顯示分頁導航的元素
* */
{
fieldsArr=fieldsString.split(",");//對欄位名字串進行分割
var columnNum=fieldsArr.length; //獲取列數
var rowNum=data.length;//獲取行數
$('#'+tableHolder).html("");//清除現有表格
$('#'+tableHolder).append("<table border='1'><thead><tr></tr></thead><tbody></tbody></table>"); //設定表格結構
var i=0; //臨時迴圈變數
while(i<columnNum) //載入欄位值
{
$('#'+tableHolder+" thead tr").append("<th>"+fieldsArr[i]+"</th>");
i++;
}
i=0;
while(i<rowNum)//載入資料
{
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++;
}
//分頁導航,這裡利用jPages外掛
$("#"+pagerHolder).jPages({
containerID : tableHolder+" tbody", //存放表格的視窗標籤ID
previous : "前一頁", //指示首頁的按鈕
next : "下一頁",//指示尾頁的按鈕
perPage : 10,//每頁顯示錶格的行數
delay : 0 //分頁時動畫持續時間,0表示無動畫
});
//設定結果表格的隔行變色
$('#'+tableHolder+" tr:odd").css("background-color","#fff");
$('#'+tableHolder+" tr:even").css("background-color","#efefef");
}
})
</script>
</head>
<body>
<div id="queryBox" style="text-align: center; padding-top: 10px;padding-bottom: 10px; width: 100%;">
<span>
<select id="queryType" style="height: 30px;"><!--選擇資料表的下拉選單-->
<option selected="selected" value="">請選擇資料表</option>
<option value="users">學生資訊</option>
<option value="papers">論文</option>
<option value="softwares">軟著</option>
<option value="patents">專利</option>
</select>
</span>
<span>
<input type="text" id='queryKeywords' style="width: 200px; height: 25px;"/><!--輸入查詢關鍵詞的文字框-->
<input type="button" id="query" style="width: 30px; height: 30px; cursor: pointer;" /> <!--提交查詢按鈕-->
</span>
<div id="queryTip" class="tip">本功能支援以空格為分割標記的多詞查詢。</div><!--資訊提示框-->
</div>
<div id="queryResultList"></div><!--用於顯示查詢結果-->
<div id="queryResultPager" style="text-align: center; margin-top: 10px;"></div><!--結果分頁導航的容器-->
</body>
</html>
queryInIndex.php
<?php
include_once("../phpFiles/connMysql.php");//包含連線資料庫的程式碼
$queryType=$_POST['queryType'];//目標資料表
$queryKeywords=$_POST['queryKeywords']; //查詢詞
$queryKeywords = preg_replace('#\s+#', ' ',$queryKeywords);//將字串中多個連續空格替換為一個空格
$keywords=explode(" ",$queryKeywords); //查詢詞按空格分割
//根據不同的資料表生成不同的查詢語句
if($queryType=="users")
{
$sqlsmt="select email,truename,enName,stuid,degree,supervisorname,tel,room from $queryType where "; //查詢語句的初始值
//利用迴圈 生成對每個關鍵詞的查詢語句
foreach ($keywords as $keyword)
{
$sqlsmt.="concat(email,truename,enName,stuid,degree,supervisorname,tel,room) like '%$keyword%' or ";//本句是關鍵,利用concat函式實現從多個欄位查詢單個關鍵詞,並用' or '關鍵詞把每個關鍵詞的concat結果合併
}
$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);//執行查詢
if(mysql_num_rows($myrs)==0)//如果結果為空 返回'no'
{
echo(json_encode("no"));
}
else //否則返回json格式的結果
{
while($row=mysql_fetch_array($myrs))
{
$temp[]=$row;
}
echo(json_encode($temp));
}
?>
結果截圖