0

こんにちは、都市のリストをオートコンプリートしようとしていますが、返された json オブジェクトは、オートコンプリートを表示するために "label":"cityname" というフィールドを必要とするオートコンプリートで使用するためにフォーマットされていないため、次を使用して json オブジェクトを再フォーマットしようとしていますajax呼び出しとそれをグローバル変数に書き込むと、問題は、ajax呼び出しが返されると、私のjsDataが[]空の配列になることです...何が間違っていますか? グローバル変数が値を保持しないのはなぜですか?

http://www.andymatthews.net/read/2012/03/27/jQuery-Mobile-Autocomplete-now-available

<script>
        $("#nec").bind("pageshow", function(e) {
            var jsData = [];

            $.ajax({
                   url: "http://localhost:8084/REST/resources/cities",
                   data:{},
                   type: 'GET',
                   crossDomain: true,
                   dataType: 'jsonp',
                   jsonp: 'jsonp',
                   jsonpCallback: 'jsoncallback',
                   error: function(error){
                       console.log(error);
                   },
                   success: function(result) {
                       for (i = 0; i < result.length; i++){
                             jsData.push({label:result[i].name, value:result[i]}); 
                        }
                        console.log(JSON.stringify(jsData));   
                       },
                });

            $("#textinput").autocomplete({
                target: $('#suggestions'),
                source: jsData,
                minLength: 1
            });

});
    </script>

私はJSの面で少し新鮮なので、まだコツをつかんでいないことがいくつかあります

4

2 に答える 2

2

あなたが入れなければならない

 $("#textinput").autocomplete({
     target: $('#suggestions'),
     source: jsData,
     minLength: 1
 });

あなたのsuccess()機能内。

ので、jsData以内の更新となりますsuccess()pageshowイベントの無名関数の実行は、 の実行よりも高速ですsuccess()。したがって、その関数内jsDataは空のままです。

オートコンプリート自体を介してデータを取得できます。こちらをご覧ください

于 2012-05-19T15:23:20.997 に答える
0

問題は、それjsDataがグローバルではなく、無名関数内にスコープが設定されていることです。

    var jsData = [];   // make that here.

    $("#nec").bind("pageshow", function(e) {

        $.ajax({
               url: "http://localhost:8084/REST/resources/cities",
               data:{},
               type: 'GET',
               crossDomain: true,
               dataType: 'jsonp',
               jsonp: 'jsonp',
               jsonpCallback: 'jsoncallback',
               error: function(error){
                   console.log(error);
               },
               success: function(result) {
                   for (i = 0; i < result.length; i++){
                         jsData.push({label:result[i].name, value:result[i]}); 
                    }
                    console.log(JSON.stringify(jsData));   
                   },
            });

        $("#textinput").autocomplete({
            target: $('#suggestions'),
            source: jsData,
            minLength: 1
        });

ただし、グローバル変数はお勧めしません。しかし、それがあなたにとってうまくいくなら、それはあなたの願いです。

于 2012-05-19T15:17:12.393 に答える