[JavaScript][PHP] Autouzupełnianie formularza Opcje

[webspy]

Witam,
Mam taki mały problem, a mianowicie chodzi o autouzupełnianie formularza.
Przykład:
Po wpisaniu w pierwszym input imienia i nazwiska ma uzupełniać pozostałe input i textarea o adres, email, telefon itp.
Wszystko jest zapisane w bazie mysql.
Jest jakiś dobry sposób na ten problem?
Czytałem o autocomplete ale nie wiem jak połączyć to z bazą mysql i rozwiązanie tego zajmnie mi trochę czasu (powoli to rozgryzę) jeśli nie ma innego rozwiązania to będę kombinował z tym autocomplete.

Najprostrzym rozwiązaniem byłoby zrobienie jednego formularza z polem imie i nazwisko i przejscie do drugiej strony z weryfikacja danych, jesli taki koles istnieje w bazie to uzupelnia a jesli nie to zostaje puste, to umiem zrobić. Tylko chciałbym bez odswieżania strony.

Pozdrawiam.

[tab]

Ja bym tutaj wykorzystał JavaScript + Ajax. Przykładowy kod:

[HTML] pobierz, plaintext 
<input type="text" id="name">
<input type="text" id="email">
<input type="text" id="phone">
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() // po zaladowaniu całego DOM
{
    $('#name').change(function() // po zmiane zawartosci inputa name
    {
        var inputName = $('#name').val();
        $.ajax({
            type : "POST", // dane przesylamy metoda POST
            url : "db.php",
            dataType : "json", // w formacie JSON
            data : { // dane do wyslania
                name : inputName;
            },
            success : function(json) // zdarzenai odpalane przy powodzeniu
            {
                $('#email').val(json['email']);
                $('#phone').val(json['phone']);
            },
            error : function() // przy bledzie
            {
                alert('ERROR');
            }
        });
    });
});
</script>
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
if (isset($_POST['name']))
{
    $name = $_POST['name'];
    $pdo = new PDO(...); // tutaj w zaleznosci od twoich parametrow
    $stmt = $pdo->query("SELECT phone, email FROM tabela WHERE name='$name'");
    $res = $stmt->fetch(PDO::FETCH_ASSOC); // ustawiamy flage informujaca o tym, ze chcemy utworzy tablice asocacyjna
    $stmt->closeCursor();
    echo json_encode($res); // konwertujemy dane na format json aby pozniej moc sie do nich wygodnie odwolywac w js
}
[PHP] pobierz, plaintext 

JSON to po prostu sposob zapisu informacji, alternatywnie moglbys uzyc XML albo nawet zwyczajnie wypisac tekst uzywajac np przecinka do jego odgradzania, a w skrypcie js uzyc split do rozdzielenia. Osobiscie preferuje jsona. PDO to obiektowa biblioteka do komunikacji ze SQL, jezeli jej nie znasz mozesz uzyc zamiast new, mysqlconnect; $pdo->query, mysql_query; $stmt->fetch, mysql_fetch_row itd... Mam nadzieje w kazdym razie ze o to ci chodzilo

Ten post edytował tab 1.12.2012, 02:03:29