Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Przesyłanie formularza za pomocą ajax Jquery
michuwsh
post 24.07.2018, 07:27:48
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 1.03.2016

Ostrzeżenie: (0%)
-----

Witam,

Oto mój kod plik index.html : 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Page Title</title>
  6. <script
  7.   src="https://code.jquery.com/jquery-3.3.1.min.js"
  8.   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  9.   crossorigin="anonymous">
  10. </script>
  11. <script>
  12. $(document).ready(function(){
  13.     $("button").click(function(){
  14. 		$.ajax({
  15. 		type: "POST",
  16. 		url: "form.php",
  17. 		data: "firstname=" + $('#firstname').val() + "&lastname=" + $('#lastname').val(),
  18. 		success: function(data){
  19. 			 $('#test').html(data);
  20.  
  21. 		}
  22. 		});
  23.     });
  24. });
  25. </script>
  26. </head>
  27. <body>
  28.  
  29. <form name="myForm" method="post">
  30.   First name:<br>
  31.   <input type="text" id="firstname" name="firstname" value=""><br>
  32.   Last name:<br>
  33.   <input type="text" id="lastname" name="lastname" value=""><br><br>
  34.   <button>Wyślij</button>
  35. </form>
  36. <div id="test"></div>
  37.  
  38.  
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


oraz plik form.php

[PHP] pobierz, plaintext 
  1. <?php
  2. $imie = $_POST['firstname']; 
  3. $nazwisko = $_POST['lastname']; 
  4.  
  5. echo "Formularz został wysłany $imie $nazwisko";
  6. ?>
[PHP] pobierz, plaintext


I wszystko dział gdyby nie jeden mały mankament. Gdy klikam w button formularz jest wysyłany ajaxem do php i otrzymuje odpowiedź ale zaraz po tym następuje przeładowanie strony i nie jest widoczna już moja odpowiedź jak się z tym uporać ?

Dzięki z góry za pomoc.
Go to the top of the page
+Quote Post

Posty w temacie
- michuwsh   Przesyłanie formularza za pomocą ajax Jquery   24.07.2018, 07:27:48
- - trueblue   https://www.google.com/search?q=jquery%20send%20fo...   24.07.2018, 07:51:06
- - michuwsh   Powyższy link nie działa ;( Dzięki za pomoc udało...   24.07.2018, 09:08:02
- - trueblue   Obsługa zdarzenia powinna dotyczyć raczej zdarzeni...   24.07.2018, 09:27:47

« Następny starszy · AJAX · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 18:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn