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

Rozšířené hledání ›

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

09:02, .NET Testing Lab for Honey and Honey Products - FARE LABS Pvt.…

08:39, Python Výběr pixelu klikem v zoomované oblasti [prohlížeč obrázku]

14:30, Funkcionální progr… Dummy smart a Kunstinteligenz

14:46, Python Používáte SQLAlchemy nebo pandas? pymysql

11:30, Funkcionální progr… Promotic

09:34, Software KAPEKA - zadní dvířka do woken

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
~ 3981 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
~ 3981 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