0

私は Ajax を使用する初心者であり、本当に助けが必要です。ここで loadJSON プラグインのチュートリアルを進めてきました。このプラグインを ajax で使用した人はいますか?

'regions.js'ファイルをドロップダウン メニューにロードできないため、重要なステップを見逃しているに違いありません。コードをコピーして貼り付け、region.js ファイルと towns.js ファイルを作成し、Chrome Dev Tools の「ネットワーク」パネルを調べて、スクリプトが何かを返すかどうかを確認しました。スクリプトが呼び出されHeader response is 200、その . GET メソッドを使用すると、[プレビュー] タブにロードされていることがわかりJSONますが、コンソールで$('.region');値を確認すると、空の配列が返されます。

このチュートリアルを正しく機能させる方法を誰か教えてくれませんか? 著者は、ajax コードを含めていないため、読者はこれを行う方法を既に理解していると考えていると思います。ありがとう。

HTML:

<label for="Region">Region</label>
<select name="Region" >
    <option value="" class="regions"></option>
</select>

<label for="Town">Town</label>
<select name="Town" id="Town" multiple="multiple" >
    <option class="towns" >-</option>
</select>

リージョン.js (JSON)

{
    "regions":[
        {
            "value": 1,
            "text": "East Europe"
        },
        {
            "value": 2,
            "text": "West Europe"
        },
        {
            "value": 3,
            "text": "Middle Europe"
        }
    ]
}

タウンズ.js (JSON) 

{
    "towns":[
        {
            "value": 17,
            "text": "Belgrade"
        },
        {
            "value": 18,
            "text": "Buchurest"
        },
        {
            "value": 19,
            "text": "Moscov"
        },
        {
            "value": 20,
            "text": "Kiev"
        }
    ]
}

jQuery

$('#Region').loadJSON('regions.js');

jQuery

$('#Region').change(function() {
            var id = $(this).val();
            $('#Town').loadJSON('towns' + id + '.js');
    });
4

2 に答える 2