Dotaz: jquery $.post

[pokus]

Zdravim prevzal sem jedny webovky a potrebuju do nich dodelat ziskani dat z db bez reloadovani stranek. Situace je nasledujici jQuery 1.9.2 server apache s php. Posilam data

$("body).on('click', 'button#btn', function() {
$.post("./action-scripts/saveMenuItem.php", str, function () {
     alert("odelsano");
});

Kde str promena je string naplneny prez $("#form-reg").serialize(). Po kliknuti na button se odeslou data, ale dojdenasledne k reloadu stranky tak, ze se do stavajiciho linku napr.http://nekde.org/edit=1 pridaji data, ktera se posilaji serveru ze strany klienta - takze http://nekde.org/id=5&menu6 coz pochopitelne nechci. Nechapu jak je mozne ze dochazi k reloadovani resp. presmerovani. V konzole firebugu nic neni na serveru taky zadne errory. Co delam spatne?

---

---

Odpovědi

[Jendа]

No protože ten formulář má normálně nastavenou action a tak se odešle. jQuery neznám, ale normálně v JS by to asi šlo disablovat pomocí onclick="return(false)". Současně když se to udělá chytře to bude fungovat i klientům, kteří z nějakého důvodu nechtějí nebo nemohou spouštět tvé javascripty.

[pokus]

Jezis to ta pokrocila hodina. Vzdyt je to jasne. Thx.

[Josef Kufner]

Tak, tak. Jen malá drobnost: return false je deprecated, použij event.preventDefault.

[Tarmaq]

Mas pro toto tvrzeni nejaky zdroj? V dokumentaci se pise:

Returning false from an event handler will automatically call event.stopPropagation() and event.preventDefault()

Vicemene to same napsal Resig uz v roce 2009, tak jestli se neco zmenilo, docela by me to zajimalo..

[Josef Kufner]

Prohlížeč mi to tvrdí v chybové konzoli. To je asi tak vše. Rozhodně se nemusíš obávat, že by return false přestalo fungovat.

[Tarmaq]

jestli myslis hlasku "event.returnValue is deprecated. Please use the standard event.preventDefault() instead.", kterou zobrazuje chrome/ium, tak ta se vztahuje na samotnou implementaci jQuery, nikoliv na to jak je psany handler. At uz mam v handleru na konci return false nebo event.preventDefault(), tato hlaska se zobrazi..

[Tarmaq]

ano je to tak jak pises, jen bych se vyhnul zadavani onclick handleru primo v DOMu.
Staci false vratit na konci handleru:

$("body).on('click', 'button#btn', function() {
  $.post("./action-scripts/saveMenuItem.php", str, function () {
   alert("odelsano");
  });
  return false;
})