Jquery submit bez refreshu – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Jquery submit bez refreshu – JavaScript, AJAX, jQuery – Fórum – Programujte.comJquery submit bez refreshu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Spuštěný nový filmový web Filmožrouti.cz — vše o Avengers, Pacific Rim, Thor, Star Wars…
Majk
~ Anonymní uživatel
5 příspěvků
18. 12. 2017   #1
-
0
-

Ahojte, 

chcel by som svoje dáta sbmitnúť cez Jquery, aj sa mi to podarilo cez nasledovný kód:

	$( "#tlacidlo" ).click(function() {
  $( "#formular" ).submit();
  event.preventDefault();
});

Funguje to ako má, ale ma hnevá, že sa celá stránka po submitnutí aktualizuje... Chcel by som to bez toho, pozeral som sa aj po funkcii on.sbmit, ale neviem ako ju aplikovať, aby to nespravilo refresh.

Vie mi niekto prosím poradiť ako to jednoducho upraviť, resp. doplniť, aby to submitlo bez aktualizácie stránky?

Ďakujem pekne.

Nahlásit jako SPAM
IP: 95.105.210.–
peter
~ Anonymní uživatel
3080 příspěvků
18. 12. 2017   #2
-
0
-

https://api.jquery.com/jquery.post/

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.post demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>
 
<script>
// Attach a submit handler to the form
$( "#searchForm" ).submit(function( event ) {
 
  // Stop form from submitting normally
  event.preventDefault();
 
  // Get some values from elements on the page:
  var $form = $( this ),
    term = $form.find( "input[name='s']" ).val(),
    url = $form.attr( "action" );
 
  // Send the data using post
  var posting = $.post( url, { s: term } );
 
  // Put the results in a div
  posting.done(function( data ) {
    var content = $( data ).find( "#content" );
    $( "#result" ).empty().append( content );
  });
});
</script>
 
</body>
</html>
Nahlásit jako SPAM
IP: 2001:718:2601:258:a888:d5...–
peter
~ Anonymní uživatel
3080 příspěvků
18. 12. 2017   #3
-
0
-

Jo, na submit zapomen, ten se tyka jen formulare. Ledaze bys ten formular dal do neviditelneho iframe. Pak si v iframe muzes submitovat, jak je libo a data prenaset do vnejsiho okna.

Nahlásit jako SPAM
IP: 2001:718:2601:258:a888:d5...–
Zjistit počet nových příspěvků

Přidej příspěvek

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 6 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý