Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]Niedziałający formularz - brak reakcji
Forum PHP.pl > Forum > Przedszkole
Matt23
Witam, posiadam taki oto kod
  1. <form id="mail">
  2. <input id="sender_name" type="text" class="feedback-input">
  3. <input id="sender_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required>
  4. <input id="recipient_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required>
  5. <input id="subject" type="text" class="feedback-input" required>
  6. <textarea id="content" class="feedback-input" required></textarea>
  7. <input type="submit" value="Send">
  8. <div id="result"></div>
  9. </form>


Do tego ajax

  1. $(document).ready(function() {
  2. $("#mail").submit(function(event) {
  3. var sender_name = $('#sender_name').val();
  4. var sender_address = $('#sender_address').val();
  5. var recipient_address = $('#recipient_address').val();
  6. var subject = $('#subject').val();
  7. var content = $('#content').val();
  8.  
  9. $.ajax({
  10. type: 'POST',
  11. url: 'mail.php',
  12. data: {
  13. sender_name: sender_name,
  14. sender_address: sender_address,
  15. recipient_address: recipient_address,
  16. subject: subject,
  17. content: content
  18. }
  19. })
  20. .done(function(response) {
  21. console.log('Ajax success');
  22. var message = response === "OK" ? "Poszło" : "Error";
  23. $('#result').val(message);
  24. })
  25. .fail(function() {
  26. console.log('Ajax error');
  27. });
  28. });
  29. });


I plik mail.php o zawartości

  1. <?
  2. echo 'OK';
  3. ?>


Formularz po wysłaniu zeruje swoje pola, nie przypisuje niczego do pola #result, a konsola wyglada tak:



Proszę o pomoc.
Pyton_000
dodaj
event.preventDefault();
przed var'ami

dodaj msg do funkcji fail i zrób consol.log z niej.
Matt23
Dzięki, teraz wszystko gra z wyjątkiem tego, że #result nie otrzymuje zawartości zmiennej message. Console.log mówi, że message ma prawidłową wartość więc nie rozumiem czemu nie zostaje ona wpisana do diva.

Edit, poradziłem sobie, val() zmieniłem na html()
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.