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


oraz plik form.php

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


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
 
Start new topic
Odpowiedzi
trueblue
post 24.07.2018, 09:27:47
Post #2





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

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


Obsługa zdarzenia powinna dotyczyć raczej zdarzenia submit na formularzu, a nie click na przycisku.


--------------------
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 00:27