首頁 > 網際網路

autocomplete.js使用方法

2019-12-12 00:56:34

autocomplete.js自動搜尋補全,類似百度搜尋方塊的功能,本文以ASP.NET MVC為例,為您演示如何從後台獲取資料動態搜尋

1

建立ASP.NET MVC空專案MVCAutoComplete


2

新增Content資料夾,並引入Jquery、autocomplete的js和css檔案,這些檔案是使用autocomplete的必須檔案


3

在Controllers資料夾,點選右鍵【新增】->【控制器】,新增一個HomeController


4

在HomeController的Index方法中,右鍵選擇【新增檢視】,新增一個測試Index頁面


5

在HomeController中新增一個新的方法,用於模擬從資料庫獲取資料來源,並根據提交過來的引數過濾資料


6

在Index頁面,引入JS、CSS,新增測試DOM結構,初始化與系結autocomplete,給文字方塊系結後台過濾方法


7

在visual studio中按F5,偵錯模式執行效果如下:輸入h,後台模擬的資料來源中,包含h字母的都會列出來



IT145.com E-mail:sddin#qq.com