autocomplete.js主動搜刮補全,近似百度搜刮框的功能,本文以ASP.NET MVC為例,為您演示若何從后臺獲取數據動態搜刮
建立ASP.NET MVC空項目MVCAutoComplete
4實例建立項目
添加Content文件夾,并引入Jquery、autocomplete的js和css文件,這些文件是利用autocomplete的必需文件
在Controllers文件夾,點擊右鍵【添加】->【節制器】,添加一個HomeController
在HomeController的Index方式中,右鍵選擇【添加視圖】,添加一個測試Index頁面
在HomeController中添加一個新的方式,用于模擬從數據庫獲取數據源,并按照提交過來的參數過濾數據
在Index頁面,引入JS、CSS,添加測試DOM布局,初始化與綁心猿意馬autocomplete,給文本框綁心猿意馬后臺過濾方式
在visual studio中按F5,調試模式運行結果如下:輸入h,后臺模擬的數據源中,包含h字母的城市列出來
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!