Forum PHP.pl > [PHP][AJAX][JQUERY]proste wysylanie formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][AJAX][JQUERY]proste wysylanie formularza

mas

6.01.2012, 17:25:47

Witam!!!
Jestem raczkujący w temacie ajax i jquery ale od czegos trzeba zaczac tak wiec:
chcle wyslac jedna zmienna z formularza poprzez ajax do skryptu php i odebrac odpowiedz i zapisac ja w divie

formularz+ js:

[HTML] pobierz, plaintext 
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 
 
        <script type="text/javascript">
 
            $().ready(function(){
 
                $('#wyslij').click(function(){
                    var email=("#email").val();
 
 
                    $.ajax({
                        url : 'test.php',
                        type : 'GET',
                        data : 'email='+email,
                        success: function(data){
                            $('#wynik').html(data);
                        },
                    });
                });
            });
        </script>
    </head>
 
    <body>
 
        <form id="formularz" method="get" >
            <fieldset>
                <br/>
                <p>
                    <label for="email">Twój e-mail</label>
                    <input id="email" name="email"></input>
                </p>      
                <p>
                    <input type="submit" id="wyslij"></input>
                </p>
            </fieldset>
        </form>
        <div id="wynik"></div>
    </body>
</html>
[HTML] pobierz, plaintext

i skrypt PHP

[PHP] pobierz, plaintext 
<?php 
 
$email=$_GET['email'];
 
echo $email;
?>
[PHP] pobierz, plaintext

jesli wszystko dobrze zrozumialem powinno to dzialac ale nie dziala
pare pytan :
- czy w naglowku formularza powinno sie znajdowac odwolanie do action="test.php" (chyba nie bo przechodzilby do test.php)
- w adresie powinienem miec cos w stylu index.php?email=zmienna a mam tylko index.php? czyli zmienna email nie znajduje sie w tablicy $_GET

mortus

6.01.2012, 17:45:39

To zapewne działa, tylko strona się przeładowuje i tego "działania" nie widzisz. W bloku $('#wyslij').click(function(){}); dodaj na końcu (po wywołaniu metody .ajax()) return false;. Ewentualnie zastosuj event.preventDefault().

mas

6.01.2012, 17:57:00

jakby dzialalo ty chyba w divie zapisaloby zmienna z $_geta
gdy daje testowy alert(data) w succsess tez go nie widac...w linku mam juz index.php?email=zmienna

mortus

6.01.2012, 18:07:14

W linii 12 brakuje $ (dolara). Natomiast to i tak nie zmienia faktu, że trzeba zatrzymać wykonywanie zdarzenia, tak jak o tym pisałem.

mas

6.01.2012, 18:22:34

zdarzenie zatrzymalem tak jak napisales, literowka poprawiona i dalej nie przechodzi do succsess...

mas

6.01.2012, 18:25:45

a jak zwracamy wynik z pliku php wystarczy echo czy moze return?

mortus

6.01.2012, 18:39:35

Cytat(mas @ 6.01.2012, 18:25:45 )

a jak zwracamy wynik z pliku php wystarczy echo czy moze return?

To zależy od tego, jaki typ danych chcemy otrzymać. W tym przypadku chodzi nam o tekst, więc ma być echo bez żadnych dodatkowych funkcji (zresztą return nie do tego służy). Dodaj DOCTYPE do dokumentu i pokaż poprawiony kod.

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.