2016-04-30 14 views
0

私は夢中になる問題を抱えています。私はJavascriptでプロではないので、答えは簡単です。オートコンプリートJqueryのUIが最初に入力しません

私はjquery ui aucompleteを使用しています。私はAjaxから取得したデータを使用します。 私が削除した単語と再入力した場合にのみ、結果が得られます。

一部の画面とヘルプのための私のコード:)

Image autocomplétion

var noms = new Array(); 

function pushNoms(nom) { 
    noms.push(nom); 
    console.log(noms); 
} 

function ajaxRequest() { 
    var $search = $('#searchListDossier'); 
    var request = '?objet=dossier&action=autoComplete&search=' + $search.val(); 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', request); 
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
    xhr.responseType = 'json'; 
    xhr.addEventListener('load', function() { 
     //crea tableau 
     for (var i = 0; i < this.response.length; i++) { 
      pushNoms(this.response[i].nom); 
     } 
    }); 
    xhr.send(); 
} 
$('#searchListDossier').donetyping(function() { 
    ajaxRequest(); 
    console.log(noms); 
    $('#searchListDossier').autocomplete({ 
     source: noms 
    }); 
}); 
+1

jQueryを使っているときに '$ .ajax'の代わりに' XMLHttpRequest'を使用する理由は非常に混乱していますが...とにかく...あなたはその例を見てきましたかリモートデータのサイトには? https://jqueryui.com/autocomplete/#remote –

+0

ようこそスタックオーバーフロー。このサンプルコードは完全ではないようです。 'autocomplete'コードはどこにありますか? – Twisty

+0

オートコンプリートはjquery UI関数です: https://jqueryui.com/autocomplete/ –

答えて

0

が解決問題がある、私はjqueryの機能を使用:getJson代わりに私自身のJavaScriptのAJAX機能の仕事をしてくれた人。 助けてくれてありがとう

関連する問題