Wali Faizy Ответов: 0

Поиск Tripsorter в jquery

Я дал задание, которое должен выполнить. Мне нужно найти результаты tripsorter по нажатию кнопки в jquery, которая найдет полный непрерывный путь перехода из одного города в другой, учитывая различные типы сортировки (самый дешевый или самый быстрый).Ввод берется из двух полей выбора от пользователя и я должен отобразить отсортированную поездку

В принципе, я использую $.помощью метода getjson поскольку данные JSON хранятся локально в моей корневой папке, я знаю, как вызвать данные JSON с помощью jquery, но я не могу выполнить функцию поиска в соответствии с пользовательскими вводами

Может ли кто-нибудь помочь мне начать или, по крайней мере, объяснить, что нужно сделать, так, чтобы я мог понять?

pdf для инструкций прилагается https://www.docdroid.net/01NlQ8u/mycrm-trip-sorter-frontend.pdf.html

Канал передачи данных JSON https://api.myjson.com/bins/16bwqz

Что я уже пробовал:

<form class="form search-form">
                    <div class="form-group">
                      <select class="form-control" id="from">
                       <option selected hidden>From</option>
                       <option value="london">London</option>
                       <option value="paris">Paris</option>
                       <option value="amsterdam">Amsterdam</option>
                       <option value="warsaw">Warsaw</option>
                       <option value="brussels">Brussels</option>
                       <option value="stockholm">Stockholm</option>
                       <option value="prague">Prague</option>
                       <option value="moscow">Moscow</option>
                       <option value="madrid">madrid</option>
                       <option value="geneva">Geneva</option>
                       <option value="budapest">Budapest</option>
                       <option value="kiew">Kiev</option>
                       <option value="lisbon">Lisbon</option>
                       <option value="rome">Rome</option>
                       <option value="athens">Athens</option>
                       <option value="istanbul">Istanbul</option>
                   </select>
                    </div>

                    <div class="form-group">
                        <select class="form-control" id="to">
                       <option selected hidden>to</option>
                       <option value="london">London</option>
                       <option value="paris">Paris</option>
                       <option value="amsterdam">Amsterdam</option>
                       <option value="warsaw">Warsaw</option>
                       <option value="brussels">Brussels</option>
                       <option value="stockholm">Stockholm</option>
                       <option value="prague">Prague</option>
                       <option value="moscow">Moscow</option>
                       <option value="madrid">madrid</option>
                       <option value="geneva">Geneva</option>
                       <option value="budapest">Budapest</option>
                       <option value="kiew">Kiev</option>
                       <option value="lisbon">Lisbon</option>
                       <option value="rome">Rome</option>
                       <option value="athens">Athens</option>
                       <option value="istanbul">Istanbul</option>
                   </select>
                    </div>

                    <div class="form-group" id="radio_btn">
                        <label class="radio-inline"><input value="cheap" id="radio_cheap" type="radio" name="opt">Cheapest</label>
                        <label class="radio-inline"><input value="fast" id="radio_fast" type="radio" name="opt">Fastest</label>
                    </div>

                    <button id="search_btn" type="button"> Search</button>
                    <button id="reset_btn" type="button"> Reset</button>
                </form>

В jQuery

$(function () {
var from_city = $("#from").val();
var to_city = $("#from").val();

$("#search_btn").click(function () {
    $.getJSON("data.json", function (data) {
        console.log(data);
        var output = "<ul class='list-group'>";
        $.each(data, function (key, val) {
            output += "<li class='list-group-item'>";
            output += "<h4>" + val.reference + "</h4>";
            output += "</li>";
        });
        output += "</ul>";
        $("#update").html(output);
    });
  });
});

Karthik_Mahalingam

в чем же проблема

Wali Faizy

проблема в том, что я знаю, как отображать результаты из json, но я не могу применить условия для результатов поиска

Karthik_Mahalingam

какое условие вам нужно применить?

Wali Faizy

Их два select box, пользователь может выбрать два города из разных selct box и искать свою поездку, погода это на машине, автобусе или поезде, ниже приведена ссылка для условий, заранее спасибо kartik

https://www.docdroid.net/01NlQ8u/mycrm-trip-sorter-frontend.pdf.html

Karthik_Mahalingam

ссылка отключена

Wali Faizy

ссылка работает с моей стороны, вы можете проверить ссылку в приведенном выше резюме вопроса, заранее спасибо kartik

Karthik_Mahalingam

может быть, мой офисный брандмауэр блокирует его

Wali Faizy

Итак, как мне отправить вам этот pdf-файл, спасибо

Karthik_Mahalingam

я проверю с мобильного.

Wali Faizy

в основном Kartik мне нужно искать результаты tripsorter по нажатию кнопки в jquery, которая найдет полный непрерывный путь перехода из одного города в другой, учитывая различные типы сортировки (самые дешевые или самые быстрые), спасибо

Karthik_Mahalingam

хммм понял

Karthik_Mahalingam

откуда мы знаем маршруты?

Wali Faizy

У меня есть JSON-документы, которые размещены выше в резюме вопроса, мы можем найти маршруты по прибытию и вылету

Karthik_Mahalingam

но, согласно pdf-файлу, он имеет несколько маршрутов

Wali Faizy

да, их несколько маршрутов, например, если мы хотим перейти от А К Д
чем мы должны отображать результаты A- & gt;B, B - >C, C - & gt;D погода между маршрутами на автобусе поезде или автомобиле

Karthik_Mahalingam

откуда мы знаем маршрут, сформировать--&ГТ;Б, Б--&ГТ;C, где c--&ГТ;Д
значит, от А до Д через В и с ?

Wali Faizy

да A - - - > D через B и C, мы можем найти маршруты через прибытия и отправления

Karthik_Mahalingam

если они выберут Лондон-Москву ,как будут проходить маршруты?

Wali Faizy

Лондон --&ГТ; Амстердам --&ГТ;Варшава --&ГТ; шток --&ГТ; Москва

Karthik_Mahalingam

ладно

Wali Faizy

Лондон --&ГТ; Амстердам --&ГТ;Варшава --&ГТ; шток --&ГТ; Москва
На этих маршрутах можно на автобусе автомобиле или поезде

Karthik_Mahalingam

маршруты в порядке, как найти ссылку, чтобы узнать путь.

Wali Faizy

Привет, Картик, удачи с решением

Karthik_Mahalingam

мне нужен правильный ввод

Karthik_Mahalingam

с точки зрения разработчика, как я узнаю этот путь

Wali Faizy

Мы должны перебрать все объекты и проверить равенство прибытия и отправления двух городов, если город прибытия равен городу отправления B, то путь верен для A - - - > B

Karthik_Mahalingam

вы просто предположили или у вас есть такое требование ?
:)

Wali Faizy

я просто предположил, потому что маршрут не упоминается в pdf-файле

Karthik_Mahalingam

нет, я думаю, что это предположение неверно
это не может быть таким образом, должен быть какой-то ссылочный путь
вы должны быть очень ясны в требовании, иначе вся система пойдет напрасно.

Wali Faizy

в основном это было тестовое задание, я тоже путаюсь в пути, у них нет упоминания пути в pdf

Karthik_Mahalingam

ты знаешь дорогу ?
просто сделайте немного google и получите информацию о пути

Karthik_Mahalingam

я понял,
информация о пути находится в json..
вам нужно глубоко проанализировать данные json. вы его получите..
немного хитрый..

очень хороший вопрос

Wali Faizy

Привет Картик не могли бы вы продемонстрировать информацию о пути

Karthik_Mahalingam

Объясню, когда у меня будет время сегодня

Karthik_Mahalingam

это двусторонний ссылочный путь, теперь начните свой анализ и работу

От / До
Лондон | Амстердам
Лондон | Париж
Амстердам | Варшава
Амстердам | Брюссель
Варшава / Стокгольм
Варшава | Прага
Стокгольм | Москва
Париж | Брюссель
Париж | Мадрид
Брюссель / Прага
Брюссель / Женева
Брюссель | Париж
Прага | Москва
Прага | Будапешт
Москва | Киев
Мадрид / Женева
Мадрид | Лиссабон
Женева | Будапешт
Женева | Рим
Будапешт | Киев
Будапешт | Афины
Киев / Стамбул
Лиссабон | Рим
Рим | Афины
Афины | Стамбул


Richard Deeming

Вы ищете функция "grep" [^]?

Wali Faizy

Да я хочу пересечь JSON arays и отобразить результаты в соответствии с trip

Richard Deeming

Так что используйте grep, передавая функцию, которая проверяет элемент из вашего массива JSON, чтобы увидеть, соответствует ли он вашим условиям.

Wali Faizy

пожалуйста, посмотрите мой pdf-файл, пожалуйста, заранее спасибо

Richard Deeming

Как насчет этого: попробуйте написать код с помощью grep и если вы застряли, объясните, в чем проблема.

Wali Faizy

Эй, Ричард, я использую $. each функцию, чем почему я должен использовать функцию grep, спасибо

Richard Deeming

Вы используете grep чтобы отфильтровать этот список, а затем each для итерации по отфильтрованному списку.

Или же вы могли бы просто поместить условия фильтра внутрь each функция, и только выводить соответствующие элементы.

0 Ответов