[jQuery, JS] Aktualizowanie sumy po wysłaniu formularza poprzez ajax Opcje

[oskarszlempo]

Cześć! Powiedzmy, że mam formularz z polem tekstowym barcode. Użytkownik wpisuje tam kod, który poprzez ajax jest wysyłany do api, a z niego otrzymuje się cenę, która powinna się wyświetlić w okienku typu alert, ale oprócz tego na stronie index.html jest wyświetlany div o nazwie suma z domyślną wartością 0.00. Jeśli użytkownik wyśle formularz to ta kwota powinna wzrosnąć o wartość odebraną z api.

Poradziłem sobie z wysłaniem zapytania do api i wyświetlam w alercie cenę, ale nie umiem zaktualizować łącznej sumy w divie.

[JAVASCRIPT] pobierz, plaintext 
$('form').submit(function(e) {
    var formData = {
        'barcode': $('input[name=barcode]').val()
    };
    $.ajax({
        type: 'POST', 
        url: 'barcode.php',
        data: formData,
        dataType: 'json',
        encode: true
    }).done(function(data) {
        alert('Cena: '+data.price);
    }).fail(function(data) {
        alert('fail');
    }); 
});
[JAVASCRIPT] pobierz, plaintext 

Przykład:

Suma: 0.00

Cena: 2.39

Suma: 2.39 (0.00+2.39)

Cena: 4.49

Suma: 6.88 (2.39+4.49)

--

Czy jest ktoś w stanie pomóc mi napisać taką funkcję, która będzie aktualizowała cenę po każdym wysłanym formularzu?

---

Robiąc to w ten sposób:

[JAVASCRIPT] pobierz, plaintext 
var first = $("#suma").text();
var second = data.price;
 
$("#suma").text(+first + +second);
[JAVASCRIPT] pobierz, plaintext 

Otrzymuję: NaN

[trueblue]

Te plusy przed zmiennymi są niepotrzebne.
Sprawdź co jest w data.price, czy nie jest to czasem liczba z przecinkiem albo z postfixem "zł".

[oskarszlempo]

Te plusy przed zmiennymi są niepotrzebne.
Sprawdź co jest w data.price, czy nie jest to czasem liczba z przecinkiem albo z postfixem "zł".

data.price zwraca decimal(9,2), czyli np 1.00, 2.00, 4.59, 2.35

Jak robię:

[JAVASCRIPT] pobierz, plaintext 
$("#suma").text(first + second);
[JAVASCRIPT] pobierz, plaintext 

To na stronie po każdym wysłanym formularzu wygląda to tak:
0.001.492.394.5949.99

Czyli zamiast kwoty się sumować to one się dodają na końcu

Ten post edytował oskarszlempo 16.04.2020, 13:00:29