Witam

Chciałbym się nauczyć JQuery, mógłby mi ktoś powiedzieć jak z poziomu zwykłego formularza wykonać zapytanie do bazy danych?

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
<script type="text/javascript">
$(function() {
$(document).ajaxError(function() {
alert('Nie można wysłać danych lub błąd serwera!'); 
});
$('.form').submit(function() { 
var $this = $(this);
$('.error, .info').remove();
if ($this.find('input[name=imie]').val() && $this.find('input[name=nazwisko]').val()) {
$('<p class="info">Nazywasz się ' + $this.find('input[name=imie]').val() + ' ' + $this.find('input[name=nazwisko]').val() + '!</p>')
.css('color', 'green') 
.insertAfter($this);
$this.find('input[name=imie], input[name=nazwisko]').val('');
} else {
$('<p class="error">Wypełnij wszystkie pola!</p>') 
.css('color', 'red') 
.insertAfter($this);
}
return false;
});
});
 </script> 
<form action='' method='post' class='form'>
Imie :</br>
<input name='imie' type='text'/></br>
Nazwisko :</br>
<input name='nazwisko' type='text'/></br>
<input type='submit' value='Wyślij'/>
</form>
[HTML] pobierz, plaintext 

Jak widać, po wypełnieniu formularza pojawi się napis ,,nazywasz się xx!".
A jakby zrobić żeby zamiast napisu wykonywało się zapytanie do bazy danych (bez odświeżania strony) ?

Pozdrawiam

Stwórz plik PHP łączący się z bazą MySQL i wysyłający do niej zapytanie, którego zwrot zostanie wyświetlony w postaci plain text lub jSON. Następnie przerób skrypt JS tak, aby wykonywał ten plik z odpowiednimi parametrami i odpowiednio interpretował jego zwrot, tym samym zmieniając te dane w kodzie HTML.

nipotrzebnie katujesz się szukając danych inputów przez find,
nadaj im klasy unikatowe dla pola
np:

[HTML] pobierz, plaintext 
<input type="text" class="imie" name="imie"/>
[HTML] pobierz, plaintext 

aby pobrac wartosc z tego pola wystarczy:

[HTML] pobierz, plaintext 
$(document).ready(function(){
     var imie =  $('.imie').val() // po kropce odwołujesz się dow klasy po # do id
 
     //do wyslania tego co zostalo wpisane w formularz potrzebujesz ajaxa, jesli chcesz zrobic to bez przeladowania np w tej postaci (chociaz jquery oferuje skróconą polecam tą, skrócona lubi nie działać w IE)
     $.ajax({
                type: 'POST', //tutaj albo post albo get
                url: "twój adres pliku php",
                data: ({
                   imie: imie // co przesylasz i pod jaką nazwa sie spodziewasz w pliku php
                }),
                success: function(data){
                  // w wyniku data badz komunikat
                }
            });
});
 
[HTML] pobierz, plaintext 

po resztę odsyłam do dokumentacji jquery

Jeszcze łatwiej będzie użyć serialize() na formularzu.

Dzięki za pomoc, teraz mam coś takiego :

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function() {
$(document).ajaxError(function() {
alert('Nie można wysłać danych lub błąd serwera!'); 
});
$('.form_form').submit(function() { 
var $this = $(this);
var $login = $('.form_login');
var $password = $('.form_password');
$('.error, .info').remove();
if ($login.val()) {
if ($password.val()) {
 
 $.ajax({
				type: "POST",
				url: "login.php",
				data: ({
					login: this.form_login, password: this.form_password
			}),
			dataType: "html",
 
 
                success: function(data){
 
                  $('<font size="2" class="info"></br>Trwa Logowanie...</br></br></font>')
					.css('color', 'green') 
					.insertAfter($this);
				},
 
				error: function(data){
 
				$('<font size="2" class="info"></br>Nie można zalogować...</br></br></font>')
					.css('color', 'red') 
					.insertAfter($this);
				}
 
            });
 
 
 
} else {
$('<font size="2" class="error"></br>Uzupełnij!</font>')
.css('color', 'red') 
.insertAfter($password);
}} else {
$('<font size="2" class="error"></br>Uzupełnij!</font>')
.css('color', 'red') 
.insertAfter($login);
}
return false;
 
});
});
</script> 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form action='login.php' method='post' class='form_form'>
		Login :</br>
		 <input type='text' name='login' class='form_login'/></br>
		Hasło :</br>
		<input type='password' name='password' class='form_password'/></br></br>
		<input type='submit' value='Zaloguj'/>
		</form>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
if($_POST['login'] == "Login" and $_POST['password'] == "Password"){
echo	"<head><meta http-equiv='refresh' content='1; url=http://www.survival-center.pl/?info=idid</head>";
} else {
echo	"<head><meta http-equiv='refresh' content='1; url=http://www.survival-center.pl/?info=ididnt</head>";
}
[PHP] pobierz, plaintext 

I teraz mam pytanie, czemu po uzupełnieniu formularza jako login = Login i password = Password skrypt mnie nie przekierowuje?
Jak wpisze obojętnie jakie dane, również nic się nie dzieje, mógłby mi ktoś wytłumaczyć mi mój błąd?

Pozdrawiam