Forum PHP.pl > jquery form - jak odebrać dane

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jquery form - jak odebrać dane

trigar

26.09.2009, 14:22:26

Witam wszystkich. Chciałbym zrobić sobie komentarze na stronie bez przeładowanie jej wykorzystując do tego bibliotekę jQuery. Mam problem z odebraniem danych w php. Dopiero zaczynam swoja przygodę z tą biblioteka więc proszę o wyrozumiałość.
Oto mój skrypt

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function(){
	$("form#komentarz").submit(function() {
 
	var fname     = $('#nick').attr('value');
	var lname     = $('#tresc').attr('value'); 
 
		$.ajax({
			type: "POST",
			url: "komentarze.php",
			data: 'nick='+ nick + '&tresc=' + tresc,
			success: function(){
				$('form#komentarz').hide();
				$('div.success').fadeIn();
			}
 
		});
	return false;
	});
});
</script>
</head>
<form id="komentarz" method="post" action="">
	NICK <input name="nick" id="nick"  type="text">
	TRESC<input name="tresc" id="tresc" type="text">
	<input type="submit" value="dodaj komentarz">
</form>
<div class="success" style="display: none;">
			<p>Komentarz został dodany</p>
</div>
[HTML] pobierz, plaintext

Jak teraz odebrać dane w pliku komentarze.php bo chce je potem dodać do bazy?

vokiel

26.09.2009, 14:39:07

[PHP] pobierz, plaintext 
print_r($_POST);
[PHP] pobierz, plaintext

i masz tablicę przesłanych danych

trigar

26.09.2009, 15:09:55

Nie za bardzo rozumiem jak tego użyć ;/ Jak z tej tablicy operować teraz danymi ?

vokiel

26.09.2009, 15:13:01

To było sprawdzenie czy dane są zwracane, jeśli tak, to masz wyświetloną tablicę, którą Twój skrypt odebrał z zapytania ajaxowego.

Zatem użycie jest takie jak zwykłej tablicy:

[PHP] pobierz, plaintext 
echo $_POST['nick'];
echo $_POST['tresc'];
[PHP] pobierz, plaintext

trigar

26.09.2009, 15:40:40

Wszystko fajnie tylko dając zmienne z $_POST do bazy dodaje mi takie coś [object HTMLInputElement]

erix

26.09.2009, 15:50:36

[JAVASCRIPT] pobierz, plaintext 
var fname     = $('#nick').attr('value');
var lname     = $('#tresc').attr('value'); 
[JAVASCRIPT] pobierz, plaintext

Jest przecież metoda val().

[JAVASCRIPT] pobierz, plaintext 
data: 'nick='+ nick + '&tresc=' + tresc,
[JAVASCRIPT] pobierz, plaintext

Nie masz tych zmiennych w funkcji, więc przeglądarka pobiera uchwyt do pól o takich ID (w kontekście document). Dyskretne rzutowanie pola formularza na string, zwraca właśnie tę wartość, którą zacytowałeś.

trigar

26.09.2009, 17:30:08

Dzięki wielkie

wszystko już działa

dzięki wszystkim za pomoc

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.