聯想查詢相似百度搜索框模糊查詢

js下載地址 css

連接：https://pan.baidu.com/s/1TZYFAV99rWRF7x84jDsEUA
提取碼：xqfb
html

HTML：（js鏈接sqlserver數據庫）jquery

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>模糊查詢---聯想查詢</title>

<link rel="stylesheet" type="text/css" href="css/jquery/jquery-ui.css">
<script src="js/jquery/jquery-1.12.1.js"></script>
<script src="js/jquery/jquery-ui.js"></script>

</head>
<body>
<div class="ui-widget">
<form action="">
<label for="tags"></label>
<input id="tags">
<button type="submit" >查   詢</button>
</form>
</div>
<script>
//將查詢結果保存入數組
var strarray=new Array();
    // 建立數據庫對象
    var objdbConn = new ActiveXObject("ADODB.Connection");
    // DSN字符串
    var strdsn = "Driver={SQL Server};SERVER=127.0.0.1;UID=sa;PWD=tzk19991029;DATABASE=qiyetupu";
    // 打開數據源
    objdbConn.Open(strdsn);
    // 執行SQL的數據庫查詢
    var objrs = objdbConn.Execute("SELECT distinct CORP_NAME FROM t_corp");//distinct避免數據重複輸出
  // 獲取字段數目
    var fdCount = objrs.Fields.Count - 1;

    if (!objrs.EOF){
    // 顯示數據庫內容
    while (!objrs.EOF){
      // 顯示每筆記錄的字段

      for (i=0; i<= fdCount; i++){
       strarray.push(objrs.Fields(i).Value); //str.push()數組添加元素
      }
      objrs.moveNext(); // 移到下一筆記錄
    }
    }
    objrs.Close(); // 關閉記錄集合
    objdbConn.Close(); // 關閉數據庫連接

</script>
<script>
$( function() {
    $( "#tags" ).autocomplete({
      source: strarray
    });
} );

</script>
</body>

</html>

運行截圖：sql

聯想查詢 相似百度搜索框 模糊查詢

聯想查詢相似百度搜索框模糊查詢