亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在JQuery UI自動完成中使用source:function()...和AJAX

如何在JQuery UI自動完成中使用source:function()...和AJAX

繁花如伊 2019-08-27 13:37:43
如何在JQuery UI自動完成中使用source:function()...和AJAX我需要一些JQuery UI Autocomplete的幫助。我希望我的textfield(.suggest-user)顯示來自AJAX請求的名稱。這就是我所擁有的:jQuery("input.suggest-user").autocomplete({     source : function(request, response) {         var name = jQuery("input.suggest-user").val();         jQuery.get("usernames.action?query=" + name, function(data) {             console.log(data);  // Ok, I get the data. Data looks like that:             test = data;        // ["[email protected]", "[email protected]","[email protected]"]             return test;        // But what now? How do I display my data?         });     },     minLength : 3});很感謝任何形式的幫助。
查看完整描述

3 回答

?
波斯汪

TA貢獻1811條經驗 獲得超4個贊

試試這個代碼。你可以用$.get而不是$.ajax

$( "input.suggest-user" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            dataType: "json",
            type : 'Get',
            url: 'yourURL',
            success: function(data) {
                $('input.suggest-user').removeClass('ui-autocomplete-loading');  
                // hide loading image

                response( $.map( data, function(item) {
                    // your operation on data
                }));
            },
            error: function(data) {
                $('input.suggest-user').removeClass('ui-autocomplete-loading');  
            }
        });
    },
    minLength: 3,
    open: function() {},
    close: function() {},
    focus: function(event,ui) {},
    select: function(event, ui) {}});


查看完整回答
反對 回復 2019-08-27
  • 3 回答
  • 0 關注
  • 945 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號