<abbr id="w80k0"></abbr>

<strike id="w80k0"></strike>

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

Allen 發(fā)布于2019-08-29 16:09 / 1490人閱讀

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

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

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

html標(biāo)簽代碼

然后就是通過ajax動(dòng)態(tài)請(qǐng)求后臺(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

});

后臺(tái)返回?cái)?shù)據(jù)類型為json數(shù)組格式

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

好了，結(jié)束。

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/113558.html

相關(guān)文章

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

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

ixlei 2019-08-23 10:23 評(píng)論0 收藏0
使用juqery-ui完成聯(lián)想查詢功能

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

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

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

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

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

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

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

firim 2019-04-29 17:38 評(píng)論0 收藏0