Forum PHP.pl > Wysyłanie formularza bez odświeżania strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wysyłanie formularza bez odświeżania strony

bmati666

26.02.2016, 18:50:16

Witam,
Czy zna ktoś prosty sposób, aby wysłać formularz bez odświeżania strony?
Konkretnie chodzi o to, żeby po wciśnięciu "wyślij" wysyłało dane z formularza do bazy danych.
Najlepiej jakby wszystko odbywało się w jednym pliku.
Wiem, że chodzi o ajax, ale szukałem i próbowałem na kilka sposobów i zawsze odświeżało stronę.
Czy mógłbym prosić jakiś konkretny przykład?

nospor

26.02.2016, 18:55:36

http://api.jquery.com/jQuery.post/

bmati666

26.02.2016, 19:06:03

Nic mi to nie dało, można jaśniej?

LowiczakPL

23.03.2016, 06:17:35

Sprawdzasz czy user kliknął w przycisk wyślij

jeśli tak to odpalasz funkcję AJAX

[HTML] pobierz, plaintext 
<script>
      $(function () {
 
        $('form').on('submit', function (e) {
 
          e.preventDefault();
 
          $.ajax({
            type: 'post',
            url: 'post.php',
            data: $('form').serialize(),
            success: function () {
              alert('form was submitted');
            }
          });
 
        });
 
      });
    </script>
[HTML] pobierz, plaintext

tenloginjestzajety

27.04.2016, 20:36:32

hej i co zrobiłeś dodawanie do bazy bez przeładowania?

niewiemjak

5.05.2016, 10:06:21

Witam, chciałam się podpiąć pod temat
mam formularze - dosć dużo pól
ogólnie wysyłam je z automatu

[HTML] pobierz, plaintext 
function clickl(){
	document.form1.submit();
}
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<body onchange="clickl">...
[HTML] pobierz, plaintext

Tylko co zmianę mi odświeża stronę - da się zrobić aby sięzapisywało, ale bez tego odświeżenia?
kombinowałam z tym
e.preventDefault();

Ale chyba coś nie bardzo - w najlepszej wersji wysyłało i tak z odświeżeniem.

nospor

5.05.2016, 10:11:23

No jak ty co kazda zmiane slesz forma to nic dziwnego ze sie odswieza.

Jak nie chcesz odswiezac calej strony to zamiast submit format masz dane slac ajaxem.

niewiemjak

5.05.2016, 11:10:17

a jak na roznych stronach mam różne dane?
a header jeden wspólny da się to jakoś rozdzielać?

efekt jaki chce uzyskać to automatyczne zapisywanie danych wpisanych do formularza (nawet jak ktoś kliknie inny link/kolejny dział strony to powinno zapisywać istniejące dane w formularzu z walidacją)...
w miare mozliwosci bez odswiezania strony...

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.