Forum PHP.pl > [JavaScript][AJAX][PHP]Autopodpowiedz przy dynamicznym dodawaniu pozycji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][AJAX][PHP]Autopodpowiedz przy dynamicznym dodawaniu pozycji

busyboy

9.10.2013, 13:39:28

Witam Serdecznie

Na wstępie powiem że jestem zielony z AJAX/JavaScript - posklejałem z różnych przykładów i zrobiłem dynamiczne dodawanie pozycji.

Kod

<HTML><HEAD><TITLE>Przykład</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<BODY id=page>
<script type="text/javascript">
$(document).ready(function() {
    $('#dodajWiersz').click(function() {
        var liczba = $('#tabela tr').length;
        var f1  = '<td><input type="text" class="medium" name="pozycja[]"/></td>';
        var f2  = '<td><input type="text" class="medium" name="typ[]"/></td>';
        var f3  = '<td><a class="delete" href="#">Usuń wiersz</a></td>';
        var row = '<tr class="none" id="wiersz-'+liczba+'"><td>'+liczba+'</td>'+f1+f2+f3+'</tr>';
        $('#tabela').find('tbody').append(row);
        $('tr.none').removeClass('none').animate({'backgroundColor':'#66B04D','color':'#fff'},300,function(){
           $(this).animate({'backgroundColor':'#fff','color':'#000'},300);
        });
    });
    $('.delete').live('click',function() {
        $(this).closest('tr').animate({'backgroundColor':'#EF3E23','color':'#fff'},300,function(){
            $(this).remove();
            $('#tabela > tbody > tr').each(function(i) {
                $(this).find('td:first-child').text(i+1);
            });
        });
    });
});
</SCRIPT>
<p><a href="#" id="dodajWiersz" class="add">Dodaj nowy wiersz</a></p>
<form action=index2.php method=post>
<table id="tabela">
    <thead>
        <tr>
            <th>Lp.</th>
            <th>Nazwa</th>
            <th>Typ</th>
            <th>Akcje</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<INPUT class=submit input type="submit" name="submit" value=" Zatwierdz ">
</form>
</BODY></HTML>

I tu mam pytanie w jaki sposób można zrobić podpowiedz wyciąganą z bazy danych dla jednego z pól.

Dziękuje za pomoc.

b4rt3kk

9.10.2013, 13:58:10

Jaką znów podpowiedź? Ale jeśli mówisz tutaj o dynamicznym pobieraniu czegoś z bazy danych, to rzeczywiście ajax jest tutaj odpowiednim rozwiązaniem. Podam Ci przykład:

[HTML] pobierz, plaintext 
$.ajax(function(){
  url: "sciezka_do_pliku.php",
  type: "POST",
  data: { nazwa: wartosc }
  success: function(msg) {
    alert(msg);
  }
});
[HTML] pobierz, plaintext

Jak widzisz, konstrukcja funkcji jest bardzo prosta. Musisz jedynie podać ścieżkę do pliku PHP, opcjonalnie możesz wysłać jakieś dane (tutaj metodą POST), możesz także odebrać dane po wykonaniu się kodu z pliku PHP.

Natomiast w pliku PHP odbiór danych odbywa się za pomocą POST lub GET, to co chcesz przesłać z powrotem do JS zwyczajnie wyświetlasz echo, może to być zwykły string, względnie JSON.

nospor

9.10.2013, 14:01:02

Mowisz zapewne o autocomplete. Polecam ci plugin do jquery:
http://bassistance.de/jquery-plugins/jquer...n-autocomplete/

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.