Odbiór danych z formularza przesłanych za pomocą AJAX

Założenie: Odbierzemy dane przesłane z formularza HTML za pomocą AJAX i przetworzymy je po stronie serwera PHP.

Krok po kroku:

1. Krok 1: Przygotowanie pliku PHP (np. `process.php`). Ten plik będzie odbierał dane z żądania AJAX.

   
    'sukces', 'wiadomosc' => 'Dane zostały odebrane.']);
     } else {
       echo json_encode(['status' => 'blad', 'wiadomosc' => 'Brak danych.']);
     }
   ?>
   				

   Ten kod pobiera dane z żądania POST za pomocą zmiennej `$_POST`, sprawdza czy dane zostały przesłane i zwraca odpowiedź w formacie JSON.

2. Krok 2: Stworzenie formularza HTML z obsługą AJAX.

   
   <form id="myForm">
     Imię: <input type="text" name="imie"><br>
     Email: <input type="email" name="email"><br>
     <button type="submit">Wyślij</button>
   </form>
   
   <script>
   document.getElementById('myForm').addEventListener('submit', function(e) {
     e.preventDefault();
     const formData = new FormData(this);
     fetch('process.php', {
       method: 'POST',
       body: formData
     })
     .then(response => response.json())
     .then(data => {
       console.log(data); // Wyświetlamy odpowiedź z serwera
       // Dodatkowe działania po otrzymaniu odpowiedzi
     });
   });
   </script>
   				

   Ten kod tworzy prosty formularz i używa `fetch` do wysłania danych do pliku `process.php` za pomocą AJAX.

Pamiętaj, aby umieścić plik `process.php` w tym samym katalogu co Twój plik HTML, lub dostosować ścieżkę w kodzie JavaScript.

Ten przykład pokazuje podstawy odbierania danych z formularza przesłanych za pomocą AJAX w PHP. Zachęcamy do dalszego zgłębiania tematu, np. poprzez dodanie walidacji danych po stronie serwera.