Как использовать getJSON с этим кодом

Question

Как использовать getJSON с этим кодом

0

Я просто получил этот прикованный блок выбора, который использует данные JSON для заполнения параметров. Скрипт. Данные жестко закодированы, но я хочу загрузить данные с помощью метода $.getJSON(), но я не могу получить код правильно. Я думаю, что файл suggest.json запускается, но что-то другое вызывает проблему. Кто-нибудь, пожалуйста, покажет мне, как исправить эту проблему?

Я получил The Drop Down Box с этого сайта

Исходный код:

<script type="text/javascript">

var s = '[{"Box1":"Africa","CODE":1,"ID":"A"},{"Box1":"Asia","CODE":2,"ID":"B"},{"Box1":"South America","Code":3,"ID":"C"}]';


var jsonData = $.parseJSON(s);

var $select = $('#mySelectID');
$(jsonData).each(function (index, o) {    
    var $option = $("<option/>").attr("value", o.CODE).text(o.Box1 + "|" + o.ID);
    $select.append($option);
});

jQuery("#mySelectID").dynamicDropdown({"delimiter":"|"});

</script>

Здесь моя неудачная попытка:

  <script type="text/javascript">

  $.getJSON('suggest.json', function(data){

  var $select = $('#mySelectID');

  $.each(data, function (index, o) {

  var $option = $("<option/>").attr("value", o.CODE).text(o.Box1 + "|" + o.ID);
    $select.append($option);
  });

  });
  jQuery("#mySelectID").dynamicDropdown({"delimiter":"|"});
  </script>

Suggest.JSON:

[{"Box1":"Africa","CODE":1,"ID":"A"},{"Box1":"Asia","CODE":2,"ID":"B"},{"Box1":"South America","Code":3,"ID":"C"}]

RedGiant 17 фев. 2014, в 12:20

Источник

0

вы собираетесь получить JSON из того же домена или другого?
Evgeniy 17 фев. 2014, в 10:41
0

вы получаете какие-либо ошибки в консоли javascript?
anurupr 17 фев. 2014, в 10:41
0

@ Евгений Я получаю файл с того же домена. И, похоже, срабатывает нормально. Пожалуйста, подождите минуту. Я настраиваю два примера, один с жестко закодированными данными, другой с использованием метода getJSON.
RedGiant 17 фев. 2014, в 10:58
0

@anurupr Я создал два примера. Пример: оригинал ||| Пример getJSON Я не вижу никакой ошибки, кроме предупреждения в оригинальном (жестко запрограммированном) event.returnValue is deprecated. Please use the standard event.preventDefault() instead. Кроме этого, он работает нормально.
RedGiant 17 фев. 2014, в 11:01
1

Я проверил ваш код, все работают, кроме jQuery ("# mySelectID"). DynamicDropdown ({"delimiter": "|"}); Попробуйте jQuery ("# mySelectID"). Show (); тоже вижу
Farkhat Mikhalko 17 фев. 2014, в 11:12

Показать ещё 3 комментария

Теги:

javascript

jquery

html

json

getjson

1 ответ

Ещё вопросы

вы собираетесь получить JSON из того же домена или другого?
вы получаете какие-либо ошибки в консоли javascript?
@ Евгений Я получаю файл с того же домена. И, похоже, срабатывает нормально. Пожалуйста, подождите минуту. Я настраиваю два примера, один с жестко закодированными данными, другой с использованием метода getJSON.
@anurupr Я создал два примера. Пример: оригинал ||| Пример getJSON Я не вижу никакой ошибки, кроме предупреждения в оригинальном (жестко запрограммированном) event.returnValue is deprecated. Please use the standard event.preventDefault() instead. Кроме этого, он работает нормально.
Я проверил ваш код, все работают, кроме jQuery ("# mySelectID"). DynamicDropdown ({"delimiter": "|"}); Попробуйте jQuery ("# mySelectID"). Show (); тоже вижу

Hugo Gresse · Accepted Answer · 2014-02-17T08-31-00.000Z

Проблема заключается в том, что вам удалось вызвать $("#mySelectID").dynamicDropdown({"delimiter":"|"}); только когда getJSON вернет вам данные.

Согласно вашему коду, просто замените вызов плагина:

$(document).ready(function(){
    $.getJSON('my.json', function(data){

        var $select = $('#mySelectID');

        $.each(data, function (index, o) {
            var $option = $("<option/>").attr("value", o.CODE).text(o.Box1 + "|" + o.ID);
            $select.append($option);
        });

        $("#mySelectID").dynamicDropdown({"delimiter":"|"});

    });
});

Кстати, у вас есть ошибка с вашим json: последний пункт (Южная Америка) имеет "Код" и примечание CODE "в соответствии с другими

Большое спасибо! Смотрите пример .