[JavaScript] .post w tablicy nie aktualizuje stringa Opcje

[elbroth]

Cześć, mam taki kod, zmienna route powinna być zlepkiem kilku stringów. Co robię źle? Po stronie PHP wszystko działa poprawie, jest zwracany dobry JSON.

[JAVASCRIPT] pobierz, plaintext 
$('#getAllBuses').submit(function() { // catch the form's submit event
        $.ajax({ // create an AJAX call...
            data: $(this).serialize(), // get the form data
            type: $(this).attr('method'), // GET or POST
            url: $(this).attr('action'), // the file to call
            success: function(response) { // on success..
                var results = jQuery.parseJSON(response);
 
                $('#buses').html("Wszystkie autobusy:");
                $(results).each(function(key, value) {
                    var keyword = value.name;
                    var route = '';
                    $.post("app.php?action=getRoute", {city: keyword})
                        .done(function (data) {
                            var routes = jQuery.parseJSON(data);
                            $(routes).each(function (key, value) {
                               route += value.city;
                            });
                        });
                    $('#buses').append('<p><b>' + value.departure + '</b> - <b>' + value.name +'</b> do <b>' + value.last_stop +'</b> (przez: ' + route + ')').html();
 
                });
            }
        });
        return false; // cancel original event to prevent form submitting
    });
[JAVASCRIPT] pobierz, plaintext 

[trueblue]

Używasz zmiennej route zanim została sklejona (sklejana jest w metodzie done).

Ten post edytował trueblue 10.07.2016, 11:16:45

[elbroth]

W JS zaczynam dopiero raczkować, więc nie wiem, jak to poprawić. Jeśli usunę deklarację zmiennej z linii 12, dostaję wtedy błąd JS "route is not defined". Tak samo gdy dodam ją między 15 a 16 linią.

[markuz]

Funkcja w done wykona się PÓŹNIEJ niż $('#buses').append() co za tym idzie, w append wstawiasz route która jest pusta. Wstaw $('#buses').append(...) na końcu w funkcji done();

[elbroth]

Okej, poprawione, wszystko działa tak jak powinno.

Dzięki bardzo

EDIT - jednak nie do końca tak, jak powinno.

Moje zapytanie wygląda tak:

[PHP] pobierz, plaintext 
$sql = "SELECT * FROM `bus` ORDER BY `departure` ASC";
[PHP] pobierz, plaintext 

A mimo to wyniki z JS nie sa posortowane, za każdym razem wyświetlają się inaczej, na przykład:

[PHP] pobierz, plaintext 
Wszystkie autobusy:
13:30 - Autobus do Zakopane (przez: Wrocław, Warszawa, Wałbrzych, Gdańsk)
 
01:23 - PKS do Sanok (przez: Szczecin, Warszawa, Wałbrzych, Gdańsk)
 
09:44 - Kolejny autobus do Wrocław (przez: Hel, Warszawa, Wałbrzych, Gdańsk)
 
06:30 - Test do Szczecin (przez: Katowice, Warszawa, Wałbrzych, Gdańsk)
 
18:33 - Kolejny do Katowice (przez: Sanok, Warszawa, Wałbrzych, Gdańsk)
[PHP] pobierz, plaintext 

Ten post edytował elbroth 10.07.2016, 11:51:37

[viking]

A co masz wewnątrz data czyli console.log(data); - dopisane do done?

Przy okazji warto żebyś zrozumiał deferred bo bez tego będzie ciężko. Całkiem fajnie opisane https://medium.freecodecamp.com/javascript-...2573#.v7at80j3k
oraz różnice w jquery 3 w stosunku do poprzednich https://jquery.com/upgrade-guide/3.0/#deferred