Динамические списки из json | Forum

1 March 2018, 18:26

Posts: 2

1 March 2018, 18:26

Posts: 2

Доброго времени суток. Уже несколько дней бьюсь над проблемой. Есть 3 файла json с областями, городами и отделениями. Нужно чтоб из файла с областями заполнялся select названиями областей при выборе области по ее названию во второй select отфильтровывались города, и при выборе города по названию города отфильтровывались отделения. Знаю что это нужно сделать при помощи ajax но ума не приложу как... Примеры файлa json: Области:{ "success": true, "data": [{ "Ref": "71508128-9b87-11de-822f-000c2965ae0e", "AreasCenter": "db5c88b7-391c-11dd-90d9-001a92567626", "Description": "\u0410\u0420\u041a" }, { "Ref": "71508129-9b87-11de-822f-000c2965ae0e", "AreasCenter": "db5c88de-391c-11dd-90d9-001a92567626", "Description": "\u0412\u0456\u043d\u043d\u0438\u0446\u044c\u043a\u0430" }, { "Ref": "7150812a-9b87-11de-822f-000c2965ae0e", "AreasCenter": "db5c893b-391c-11dd-90d9-001a92567626", "Description": "\u0412\u043e\u043b\u0438\u043d\u0441\u044c\u043a\u0430" }, { "Ref": "7150812b-9b87-11de-822f-000c2965ae0e", "AreasCenter": "db5c88f0-391c-11dd-90d9-001a92567626", "Description": "\u0414\u043d\u0456\u043f\u0440\u043e\u043f\u0435\u0442\u0440\u043e\u0432\u0441\u044c\u043a\u0430" }, { "Ref": "7150812c-9b87-11de-822f-000c2965ae0e", "AreasCenter": "db5c88bf-391c-11dd-90d9-001a92567626", "Description": "\u0414\u043e\u043d\u0435\u0446\u044c\u043a\u0430" }]}

Updated 1 March 2018, 18:27 by artemgoh.

Answer | 0

2 March 2018, 8:32 gruy Posts: 569 Location: Феодосия	2 March 2018, 8:32 gruy Posts: 569 Location: Феодосия Знаю что это нужно сделать при помощи ajax но ума не приложу как... Берешь и пишешь код. Если не работает как надо, показываешь здесь.
	Answer \| 2

5 March 2018, 17:59

artemgoh

Posts: 2

5 March 2018, 17:59

artemgoh

Posts: 2

`<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TEST</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <script> $(document).ready(function () { $.ajax({ type: "GET", url: "http://127.0.0.1:8000/xml/areas/", dataType: "xml", success: areasAppend }); });

function areasAppend(xml) {
    $(xml).find('item').each(function()
        {
            var value = $(this).find('Description').text();
            $("#areas_sel").append("<option value = " + value + ">" + value + "</option>");
        });
}

function citiesGet() {
    $.ajax({
        type: "GET",
        url: "http://127.0.0.1:8000/xml/cities/",
        dataType: "xml",
        success: citiesAppend
    });
}

function citiesAppend(cityxml) {
    $('#cities_sel').find('option').remove();
    $(cityxml).find('item').each(function()
        {
            var areaval = $(this).find('AreaDescription').text();
            var value = $(this).find('Description').text();
            if (areaval === $("#areas_sel option:selected").text()) {
                $("#cities_sel").append("<option value = " + value + ">" + value + "</option>");
            }
        })
}

function warehousesGet() {
    $.ajax({
        type: "GET",
        url: "http://127.0.0.1:8000/xml/warehouses/",
        dataType: "xml",
        success: warehousesAppend
    });
}

function warehousesAppend(warxml) {
    $('#warehouses_sel').find('option').remove();
    $(warxml).find('item').each(function()
        {
            var cityval = $(this).find('CityDescription').text();
            var value = $(this).find('Description').text();
            if (cityval === $("#cities_sel option:selected").text()) {
                $("#warehouses_sel").append("<option value = " + value + ">" + value + "</option>");
            }
        })
}

</script> <select id="areas_sel" onchange="citiesGet()"> <option>---------------------------</option> </select> <ul/> <select id="cities_sel" onchange="warehousesGet()"> <option>---------------------------</option> </select> <select id="warehouses_sel"> <option>---------------------------</option> </select> </body> </html>` Сделал вот так при помощи xml. Работает но оооочень медленно при выборе отделения. Тк файл с отделениями имеет более 180000 строк. Подскажите что я сделал не так и как можно это дело оптимизировать чтоб работало быстрей.

Answer | 0

5 March 2018, 19:35 Vlodimir Posts: 175 Location: Крым	5 March 2018, 19:35 Vlodimir Posts: 175 Location: Крым чтобы быстрей работало, возможно это все надо в базу импортировать? а потом из базы тянуть? не знать - не страшно страшно не стремиться узнать
	Answer \| 0