Diskuze: Funkce submit se vykoná několikrát za sebou

hankova31

Člen

hankova31:1.3.2020 20:38

Ahoj, chtěla bych požádat o radu. Mám na stránce tlačítko typu submit. Po kliknutí chci pomocí ajaxu (bez přesměrování a bez reloadu stránky) vyvolat funkci, která něco otestuje v databázi a vrátí 1 nebo 0. Pokud vrátí 1, chci následně chci část stránky přepsat, pokud 0, jen vypíše alertem zprávu.
A jde o to, že pokud kliknu jednou, test fukce vrátí 0, vypíše se alert správně. Pokud podruhé vrátí test 1, opět se správně přepíše část stránky. Od této chvíle ale po každém kliknutí na toto tlačítko se volá funkce ne jednou na jedno kliknutí, ale postupně 2x, 4x apod.(od prvního přepsání části stránky a to obsah vždy v této části nejprve celý smažu). Nevím kde je chyba.

Zkusil jsem: $("#insert_form").submit(function(event){
event.preventDefault();
var post_url = $(this).attr("action");
var request_method = $(this).attr("method");
$.ajax({
url : post_url,
type: request_method,
data : {/*data pro test do db*/},
dataType: 'JSON',
beforeSend: function() {
$("#update_action").prop('disabled', true); // disable button
},
success: function(data){
if(data.ok == 1)
{
/* pomocí ajax znění část stránky*/
}
else{
alert(data.error);
}
$("#update_action").prop('disabled', false);
}
})
});

Chci docílit: Může mi někdo poradit, kde může být chyba?

Odpovědět

1.3.2020 20:38

Peter Mlich

Člen

Peter Mlich:2.3.2020 7:48

Podle popisu mi to prijde jako spatne nastaveny casovac.
https://mlich.zam.slu.cz/…s-xchat.html
Kdyz tu kliknes na obalku, tak resetuji casovat a ten stary smazu. Ve tvem pripade nejspis ti bezi 2 casovace najednou a kazy znich si pusti pri ukonceni dalsi. Krasne bys to videla, kdyz si nechas zobrazovat stav casu. Najednou ti to cislo zacne strasne rychle preblikavat, jak kazdy ten casovac vykonava funkci.

setTimeout, setInterval

Jinak, submit, pokud formular nechces odeslat, tak by melo vracet false.

function(...){... return false}

Pokud nastane nejaky error, tak se ti vrati true. Takze by bylo dobre to mit primo v html kodu. Tobe ta funkce nevraci nic. A netusim, jestli ti to nespousti nejaky casovac (jquery ajax). Ja pouzivam obvykle httprequest pro ajax, abych se vyhnul jquery. Urcite tam nemas jeste jiny kod?
Pripadne, zkus vygooglovat priklady pro tvuj problem
google = jquery ajax form submit problem example

Editováno 2.3.2020 7:49

Nahoru Odpovědět

2.3.2020 7:48

hankova31

Člen

hankova31:2.3.2020 8:05

V části if(data.ok == 1) volám ajaxem další funkci (stejně jako v příkladě), která mi pak vrátí data, na základě nichž překreslím část původní stránky. (Na stránce je tabulka s rozvrhem, kliknu na nějakou rozvrhovou akci, zobrazí se formulář pro úpravu, pokud kliknu na upravit, tak ajaxem vykonám test, zda k úpravě může dojít, pokud ne, vyskočí aletrt, pokud ano, chci tabulku překreslit. Jen jak říkám, po prvním překreslení se po kliknutí na submit akce provede násobněkrát).

Nahoru Odpovědět

2.3.2020 8:05

Peter Mlich

Člen

Peter Mlich:2.3.2020 9:06

Muzes vyrobit jednoduchy priklad, html stranku? Viz ten muj odkaz. Ajaxem natahuji html stranky. Vubec tam neni to php pozadi.

Nahoru Odpovědět

2.3.2020 9:06

Peter Mlich

Člen

Peter Mlich:2.3.2020 10:32

Jo, a druha moznost, viz link, pouzij muj ajax, ten to nedela.

Nahoru Odpovědět

2.3.2020 10:32

hankova31

Člen

hankova31:2.3.2020 11:04

Zkusím se na to podívat, případně tu hodím jednoduchý příklad.

Nahoru Odpovědět

2.3.2020 11:04

Lukáš Křehula

Tvůrce

Lukáš Křehula:2.3.2020 14:25

Zkontroluj, jestli při updatu stránky nevložíš znovu ten javascriptový kód - navěsí se nový event listener a ten obslužný javascriptový kód na stránce existuje 2x.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

2.3.2020 14:25

hankova31

Člen

hankova31:2.3.2020 18:39

To:Lukáš Křehula
Děkuji, přemýšlela jsem nad tím už předtím, dala jsem část kódu s js úplně mimo, že jej načítám jen jednou a funguje, zřejmě se to načetlo víckrát. Děkuji.

Nahoru Odpovědět

2.3.2020 18:39

Naučíme tě pracovat na home-office.

Zjistit více...

Naučíme tě pracovat na home-office.

Více info »

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.