ajax zintegrowanie z bazą sql, php

0

Witam.
Czy mógłby ktoś pomóc i podać przykład zastosowania funkcjonalności php i sql, aby dane z czytywane z formularza były zapisane na w bazie mysql z poziomu poniższego formularza z zastosowaniem ajax?

<html>
<head>
<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>
<link type="text/css" rel="StyleSheet" href="./main/css/table.css" />
</head>

<script>
$(document).ready(function() {
    //funkcja odczytująca kliknięcie w element o id: dodajWiersz
    //i wykonująca akcję dodawania nowego wiersza do tabeli
    $('#dodajWiersz').click(function() {
 
        //policz ile jest wierszy w tabeli
        var liczba = $('#tabela tr').length;
 
        //pierwsza komórka
        var f1  = '<td><input type="text" class="medium" name="pozycja[]"/></td>';
 
        //druga komórka
        var f2  = '<td><input type="text" class="medium" name="typ[]"/></td>';
 
        //trzecia komórka
        var f3  = '<td><a class="button delete" href="#">Usuń wiersz</a></td>';
 
        //w tej zmiennej definiujemy nowy wiersz w tabeli
        var row = '<tr class="none" id="wiersz-'+liczba+'"><td>'+liczba+'</td>'+f1+f2+f3+'</tr>';
 
        //dołącz nowy wiersz na końcu tabeli
        $('#tabela').find('tbody').append(row);
 
        //usuwamy klasę: none z wiersza oraz animujemy efekt dodawania wiersza
        $('tr.none').removeClass('none').animate({'backgroundColor':'#66B04D','color':'#fff'},300,function(){
           $(this).animate({'backgroundColor':'#fff','color':'#000'},300);
        });
    });
 
    //funkcja odczytująca kliknięcie w element o klasie: delete
    //i wykonująca akcję usuwania danego wiersza z tabeli
    //oraz dokonuje przeliczenia numerów wierszy w tabeli
    $('.delete').live('click',function() {
        //znajdź najbliższy wiersz będący elementem nadrzędnym dla linka usuwającego ten wiersz
        //i wykonaj animację
        $(this).closest('tr').animate({'backgroundColor':'#EF3E23','color':'#fff'},300,function(){
 
            //usuń dany wiersz
            $(this).remove();
 
            //aktualizuj numery pozostałych wierszy
            //dzięki temu gdy usuniemy wiersz w środku tabeli 
            //to nie będzie istniała dziura w numeracji wierszy
            $('#tabela > tbody > tr').each(function(i) {
                //wpisz nowy numer wewnątrz pierwszej komórki danego wiersza
                $(this).find('td:first-child').text(i+1);
            });
        });
    });
});

</script>


<body>
<p><a href="#" id="dodajWiersz" class="add button">Dodaj nowy wiersz</a></p>
<table id="tabela">
	<thead>
		<tr>
			<th>Lp.</th>
			<th>Nazwa</th>
			<th>Typsds</th>
			<th>Akcje</th>d
		</tr>
	</thead>
	<tbody>
		<tr id="wiersz-1">
			<td>1</td>
			<td>Pozycja 1</td>
			<td>Typ 1</td>
			<td><a class="delete button" href="#">Usuń wiersz</a></td>
		</tr>
		<tr id="wiersz-2">
			<td>2</td>
			<td>Pozycja 2</td>
			<td>Typ 2</td>
			<td><a class="delete button" href="#">Usuń wiersz</a></td>
		</tr>
	</tbody>
</table>
</body>
</html>
0

Przykładu pewnie nikomu nie będzie się chciało pisać. W skrócie pod guzik który miałby go wysłać podpinasz click który to pobierze dane z formularza i za pomocą ajaxa wysyłasz je do skryptu php który pobierze te dane i zapisze w bazie.
Napisz z którym z momentów nie możesz sobie poradzić i daj kod a nie oczekuj gotowca. Btw mógłbyś się chociaż pokusić o usunięcie "szkoleniowych" komentarzy z pliku który pobrałeś i wrzucasz na forum.

1

Na prawdę nie znasz takich stron jak ta?

http://www.w3schools.com/php/php_ajax_database.asp

Widze też, że ciągniesz jQuery, a więc to samo co wyżej czyli link do dokumentacji z przykładami:

https://api.jquery.com/category/ajax/

Na zapas jeszcze dorzucę łączenie się php z bazą mysql:

http://www.w3schools.com/php/php_mysql_connect.asp

Po tych 3 linkach powinieneś sobie dać ze wszystkim radę. Jeżeli natomiast jednak gdzieś utkniesz to wrzuć kluczowe kawałki kodu i napisz co się dzieje.

1 użytkowników online, w tym zalogowanych: 0, gości: 1