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

Rozšířené hledání ›

Nejnovější témata ve fóru

16:45, HTML / XHTML Anti-kukíkový zákon

16:26, Assembler šachový program

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

Stavba Laser Arény
Laser Game Brno

Fórum › JavaScript, AJAX, jQuery

Jquery submit bez refreshu

Majk

~ Anonymní uživatel
~ 5 příspěvků

18. 12. 2017 #1

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
~ 4016 příspěvků

18. 12. 2017 #2

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
~ 4016 příspěvků

18. 12. 2017 #3

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...–

← Zpět na seznam vláken ← Zpět do Fóra