使用juqery-ui完成聯(lián)想查詢功能

ixlei 發(fā)布于2019-08-23 10:23 / 673人閱讀

摘要：最近公司的項目有個需求，需要使用聯(lián)想查詢功能。效果如下圖經(jīng)過搜索找到這個插件，查閱資料可以完成這個功能，即可以實現(xiàn)靜態(tài)數(shù)據(jù)，也可以完成動態(tài)抓取顯示。

最近公司的項目有個需求，需要使用聯(lián)想查詢功能。
就是一個文本輸入框，在輸入的時候獲取值去后端模糊查詢?nèi)缓蟀凑樟斜盹@示在下面。
效果如下圖：

經(jīng)過搜索找到這個插件，查閱資料可以完成這個功能，
即可以實現(xiàn)靜態(tài)數(shù)據(jù)，也可以完成動態(tài)抓取顯示。
使用方法如下：
（1）引入jquery-ui文件，當(dāng)然還有jquery文件
（2）定義一個input標(biāo)簽
導(dǎo)入代碼即可：

html標(biāo)簽代碼

然后就是通過ajax動態(tài)請求后臺數(shù)據(jù)方式如下：

$("#xxx").autocomplete({

source: function (request, response) {
    $.ajax({
        url: "",
        type: "POST",
        dataType: "json",
        data: {},
        success: function (data) {
            that.lineData=data;
            response(data);
        }
    });
},
minLength: 1,
scrollHeight: 1000,
autoFocus: true

});

后臺返回數(shù)據(jù)類型為json數(shù)組格式

好了，到這里靜態(tài)和動態(tài)的數(shù)據(jù)顯示都完成了，當(dāng)然為了滿足自己項目肯定少不了修改相應(yīng)的樣式
修改的樣式代碼如下：

好了，結(jié)束。

GPU云服務(wù)器云服務(wù)器聯(lián)想企業(yè)網(wǎng)盤功能空間使用容量查詢域名使用時間查詢使用js搜索功能

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/96298.html

相關(guān)文章

使用juqery-ui完成聯(lián)想查詢功能

摘要：最近公司的項目有個需求，需要使用聯(lián)想查詢功能。效果如下圖經(jīng)過搜索找到這個插件，查閱資料可以完成這個功能，即可以實現(xiàn)靜態(tài)數(shù)據(jù)，也可以完成動態(tài)抓取顯示。最近公司的項目有個需求，需要使用聯(lián)想查詢功能。就是一個文本輸入框，在輸入的時候獲取值去后端模糊查詢?nèi)缓蟀凑樟斜盹@示在下面。效果如下圖： showImg(https://segmentfault.com/img/bVbelDj?w=389&...

Allen 2019-08-29 16:09 評論0 收藏0
使用juqery-ui完成聯(lián)想查詢功能

摘要：最近公司的項目有個需求，需要使用聯(lián)想查詢功能。效果如下圖經(jīng)過搜索找到這個插件，查閱資料可以完成這個功能，即可以實現(xiàn)靜態(tài)數(shù)據(jù)，也可以完成動態(tài)抓取顯示。最近公司的項目有個需求，需要使用聯(lián)想查詢功能。就是一個文本輸入框，在輸入的時候獲取值去后端模糊查詢?nèi)缓蟀凑樟斜盹@示在下面。效果如下圖： showImg(https://segmentfault.com/img/bVbelDj?w=389&...

MRZYD 2019-08-02 11:02 評論0 收藏0
聯(lián)想企業(yè)網(wǎng)盤融合云助力中交上海航道設(shè)計院國際化進程

摘要：中交上海航道勘察設(shè)計研究院有限公司以下簡稱中交上海航道設(shè)計院是中國交通建設(shè)股份有限公司下屬，具有勘察設(shè)計研究咨詢工程總承包工程檢測造價咨詢等綜合能力的甲級設(shè)計院。隨著全球經(jīng)濟一體化和產(chǎn)業(yè)結(jié)構(gòu)的調(diào)整，我國傳統(tǒng)企業(yè)的國際化勢在必行，在經(jīng)濟發(fā)展新時代的大背景下，我國水工領(lǐng)域龍頭企業(yè)－中交上海航道勘察設(shè)計研究院有限公司已經(jīng)率先踐行了國際化戰(zhàn)略，在國際化發(fā)展道路上逐浪前行。中交上海航道勘察設(shè)計研究院有...

layman 2019-04-29 18:47 評論0 收藏0
聯(lián)想的黃昏降臨復(fù)興機會還有多大？

摘要：企業(yè)級業(yè)務(wù)聯(lián)想的機會還有多大年初，當(dāng)時的全球市場老大惠普公司在中國臺灣打出了一則廣告聯(lián)想，連想都不要想，這一廣告語隨后引發(fā)軒然大波，并以惠普公司發(fā)出正式致歉信而告終。幾天前，一篇題為《假如帝國的黃昏降臨》的文章刷了屏，文中引述了橋水基金創(chuàng)始人Ray Dalio在新書《債務(wù)危機》中的一句話讓人印象深刻：很多人認(rèn)為過去發(fā)生在不同年代，不同國家的經(jīng)濟危機都是由不同的原因造成的，而我只看到了同樣一些...

joy968 2019-04-29 19:30 評論0 收藏0
越智慧越美力 聯(lián)想企業(yè)網(wǎng)盤5.0重磅上線

摘要：聯(lián)想企業(yè)網(wǎng)盤版本可實現(xiàn)指定類型文件一鍵智能自動同步到用戶的網(wǎng)盤個人空間，保護用戶個人數(shù)據(jù)。在技術(shù)和產(chǎn)品上，聯(lián)想企業(yè)網(wǎng)盤始終堅持創(chuàng)新驅(qū)動發(fā)展。在中國企業(yè)網(wǎng)盤市場上，玩家類型眾多，包括IT廠商、SaaS類創(chuàng)業(yè)企業(yè)、互聯(lián)網(wǎng)廠商、企業(yè)軟件廠商和運營商，競爭激烈。既有BAT這樣的大咖，也有層出不窮的創(chuàng)業(yè)公司，而聯(lián)想企業(yè)網(wǎng)盤始終保持著穩(wěn)健、快速的成長，至今連續(xù)5年占據(jù)40％的市場份額，一騎絕塵。6月19...

firim 2019-04-29 17:38 評論0 收藏0