成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

typehead ajax format relay

laoLiueizo / 2247人閱讀

摘要：異步搜索提示的實(shí)現(xiàn)異步搜索沒(méi)有查詢(xún)到相關(guān)的記錄

異步搜索提示的實(shí)現(xiàn)

/**
 * 異步搜索
 * @type {Bloodhound}
 */
var bestPictures = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace("data"),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: GUI.data.API.searchUser,
        rateLimitWait: 700,
        prepare: function(query, settings) {
            console.log(query);
            settings.type = "POST";
            settings.contentType = "application/x-www-form-urlencoded; charset=UTF-8";
            settings.data = {
                keyName: query
            };

            return settings;
        },
        transform: function(response){
          console.log(response);
          return response.data
        }
    }
});

$("#the-basics .typeahead").typeahead(null, {
    name: "best-pictures",
    limit: "11",
    display: "data",
    source: bestPictures,
    templates: {
      empty: [
          "
",
            "沒(méi)有查詢(xún)到相關(guān)的記錄",
          "
"
        ].join("
"),
      suggestion: Handlebars.compile("
{{name}} {{deptName}}
")
    }
});

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103916.html

相關(guān)文章

  • 使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動(dòng)補(bǔ)全的配置參數(shù)。

    摘要：示例代碼需求通過(guò)輸入地名自動(dòng)補(bǔ)全地址信息，選擇提示信息后，講地址經(jīng)緯度附值給隱藏的，后提交表單。 示例代碼： API:http://wiki.openstreetmap.org/wiki/Nominatim 需求：通過(guò)輸入地名自動(dòng)補(bǔ)全地址信息，選擇提示信息后，講地址經(jīng)緯度附值給隱藏的input，后提交表單。 var suggestion_source = new Bloodh...

    JerryC 評(píng)論0 收藏0

  • 翻譯 | React AJAX最佳實(shí)踐

    摘要：作者滬江前端開(kāi)發(fā)工程師本文原創(chuàng)翻譯，有不當(dāng)?shù)牡胤綒g迎指出。管理數(shù)據(jù)，而提供服務(wù)器上的數(shù)據(jù)，因此應(yīng)用于處理網(wǎng)絡(luò)請(qǐng)求。結(jié)論使用建立的應(yīng)用都是模塊化的會(huì)成為其中一個(gè)模塊，庫(kù)是另一個(gè)模塊。原文原創(chuàng)新書(shū)移動(dòng)前端高效開(kāi)發(fā)實(shí)戰(zhàn)已在亞馬遜京東當(dāng)當(dāng)開(kāi)售。 作者：Oral （滬江Web前端開(kāi)發(fā)工程師）本文原創(chuàng)翻譯，有不當(dāng)?shù)牡胤綒g迎指出。轉(zhuǎn)載請(qǐng)指明出處。 當(dāng)你問(wèn)起有關(guān)AJAX與React時(shí)，老司機(jī)們首先就會(huì)...

    DirtyMind 評(píng)論0 收藏0

  • react如何和server交互

    摘要：在一個(gè)應(yīng)用中，如何通過(guò)和端進(jìn)行交互這個(gè)問(wèn)題曾經(jīng)困擾了我一段時(shí)間，經(jīng)過(guò)學(xué)習(xí)實(shí)踐，有了一點(diǎn)心得體會(huì)，寫(xiě)出來(lái)和大家分享一下。組件和一樣，和進(jìn)行交互，將獲取的通過(guò)向下傳遞給組件。不足被設(shè)計(jì)用來(lái)和服務(wù)器一起運(yùn)行，并不能很好的和第三方服務(wù)交互。 在一個(gè)react應(yīng)用中，如何通過(guò)ajax和server端進(jìn)行交互這個(gè)問(wèn)題曾經(jīng)困擾了我一段時(shí)間，經(jīng)過(guò)學(xué)習(xí)實(shí)踐，有了一點(diǎn)心得體會(huì)，寫(xiě)出來(lái)和大家分享一下。 總的...

    1treeS 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<