Для цикла через JSON

Question

Для цикла через JSON

0

Я создал этот сервер JSON, который я использую для добавления описания, цены, времени и даты на страницу с помощью jQuery.

[{
    "palvelu_id": "1",
    "palvelu_nimi": "Meikkikoulutus",
    "palvelu_kuvaus": "Description",
    "palvelu_hinta": "10"
}, {
    "aika_id": "1",
    "aika_kello": "14.00",
    "aika_paivamaara": "28.10.2013",
    "aika_paikkoja": "5",
    "aika_palvelu": "1"
}, {
    "aika_id": "2",
    "aika_kello": "12.00",
    "aika_paivamaara": "12.10.2013",
    "aika_paikkoja": "1",
    "aika_palvelu": "1"
}]

Поэтому я добавляю контент в div #ajanvarausInfo, который отлично работает. Но я также пытаюсь добавить параметры в поле выбора, что не совсем работает, поскольку я получаю только один <option></option>.

Я новичок for петлях, и я не совсем уверен, как они работают.

var json = $.parseJSON(thejson);
    $("#ajanvarausInfo").html(json[0].palvelu_kuvaus+"<br>Osallistuminen maksaa "+json[0].palvelu_hinta+ "&euro;.");

for(var i = 0; i < json.length;i++){
    $("#asiakasAika").html('<option value="'+json[1].aika_id+'">'+json[1].aika_kello+' '+json[1].aika_paivamaara+'</option');
}

Chris Brickhouse 15 окт. 2013, в 23:06

Источник

3

ну, вместо [1] , вы хотите [i] ...
Kevin B 15 окт. 2013, в 20:11
0

@KevinB Сделал это, но я все еще получаю только одну опцию на мой выбор.
user1537415 15 окт. 2013, в 20:14
0

Кроме того, поскольку вы не помещаете первый объект json в элемент параметров, начните цикл for с 1 вместо 0 и добавьте 1 к длине for(var i = 1; i < (json.length+1);i++) . Также, как кто-то предложил, используйте .append () вместо .html ()
Rohit 15 окт. 2013, в 20:15

Показать ещё 1 комментарий

Теги:

javascript

jquery

json

for-loop

3 ответа

0

for(var i = 0; i < json.length;i++){
    $("#asiakasAika").append('<option value="'+json[i].aika_id+'">'+json[i].aika_kello+' '+json[i].aika_paivamaara+'</option>');
}

Изменить 1 на i

user762330 15 окт. 2013, в 17:45

0

Почему голосование за?
user762330 15 окт. 2013, в 20:13
0

Не понизил, но не решил проблему.
user1537415 15 окт. 2013, в 20:13
0

Каждый цикл перезаписывает предыдущие значения. И вы проигнорировали тег плохой конец. И тот факт, что JSON довольно странно структурирован (значения опций начинаются с индекса 1).
JJJ 15 окт. 2013, в 20:16
0

Вы получаете один <option> потому что вы не добавляете новый <option> . Вместо этого вы заменяете все html для элемента. Попробуйте использовать $("#asiakasAika").append . Отредактировал пример
user762330 15 окт. 2013, в 20:19
0

@Juhana Спасибо, я даже не заметил, что у меня плохой финал.
user1537415 15 окт. 2013, в 20:21

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

0

использовать jquery, встроенный в каждую функциональность

var id = $('#asiakasAika');
$.each(json, function(key, value){
  id.append('<option value="'+value.aika_id+'">'+value.aika_kello+' '+value.aika_paivamaara+'</option>');
});

Seth McClaine 15 окт. 2013, в 17:37

1

Что не так с for ? :) Это всегда немного быстрее;)
user1537415 15 окт. 2013, в 20:28
0

Мой плохой, я думал, что это было быстрее ... но он держит прицел (и выглядит чище!)
Seth McClaine 15 окт. 2013, в 20:31
0

Ну, это не намного быстрее, но на этот раз. Я сделал ошибку и изучил jQuery, прежде чем изучать обычный js, может научиться использовать его;)
user1537415 15 окт. 2013, в 20:33

Показать ещё 1 комментарий

Ещё вопросы

@KevinB Сделал это, но я все еще получаю только одну опцию на мой выбор.
Кроме того, поскольку вы не помещаете первый объект json в элемент параметров, начните цикл for с 1 вместо 0 и добавьте 1 к длине for(var i = 1; i < (json.length+1);i++) . Также, как кто-то предложил, используйте .append () вместо .html ()
Каждый цикл перезаписывает предыдущие значения. И вы проигнорировали тег плохой конец. И тот факт, что JSON довольно странно структурирован (значения опций начинаются с индекса 1).
Вы получаете один <option> потому что вы не добавляете новый <option> . Вместо этого вы заменяете все html для элемента. Попробуйте использовать $("#asiakasAika").append . Отредактировал пример
@Juhana Спасибо, я даже не заметил, что у меня плохой финал.
Что не так с for ? :) Это всегда немного быстрее;)
Мой плохой, я думал, что это было быстрее ... но он держит прицел (и выглядит чище!)
Ну, это не намного быстрее, но на этот раз. Я сделал ошибку и изучил jQuery, прежде чем изучать обычный js, может научиться использовать его;)

Chris Brickhouse · Accepted Answer · 2013-10-15T17-17-00.000Z

Вместо .html() используйте .append()

Ваш JSON также неверен. Если вы хотите иметь несколько элементов, вам необходимо обернуть их в другой элемент JSON, а затем выполнить цикл:

[{
    "palvelu_id":"1",
    "palvelu_nimi":"Meikkikoulutus",
    "palvelu_kuvaus":"Description",
    "palvelu_hinta":"10"
}, 
{
    "items": {
                "aika_id":"1",
                "aika_kello":"14.00",
                "aika_paivamaara":"28.10.2013",
                "aika_paikkoja":"5",
                "aika_palvelu":"1"
             },
             {
                "aika_id":"2",
                "aika_kello":"12.00",
                "aika_paivamaara":"12.10.2013",
                "aika_paikkoja":"1",
                "aika_palvelu":"1"
             }
}]

Затем выполните цикл следующим образом:

 $.each(data.items, function () { alert(this.aika_id) });

Конечно! Вот почему у меня только 1 вариант. Но так как json генерируется php, а затем извлекается одним ajax-запросом, как я могу использовать элементы json и использовать их оба?
просто переберите динамические данные и добавьте их к элементам с помощью PHP. у вас могут быть базовые элементы, а затем коллекции из нескольких элементов для циклического прохождения, если вы используете предоставленный мной синтаксис.
Да, это имеет смысл, но как бы я это сделал? Поскольку данные поступают из базы данных, я объединяю два массива и конвертирую их в JSON.
Вы можете построить массив с базовыми элементами, затем в одном из узлов массива поместить результаты вашего запроса в базу данных, затем json_encode целиком и повторить его. Я не эксперт по PHP, но это кажется достаточно простым.