Forum PHP.pl

Witam

Chciałbym przesłać dane z JS do php. Próowałem to robić zwykłą metodą GET, POST a nawet próbowałem AJAX. Niestety nic. Próbowałem napisać to na podstawie przykładów z książki i z internetu

Tutaj jest treść:

Metoda GET:

[HTML] pobierz, plaintext 
/* Załadowanie wszystkich funkcji i utworzenie zmiennych przechowujących informację o postępach instalacji */
$(document).ready(function() {
	var postep;
	rozpocznijInstalacje();
});
 
/* Funkcje niezbędne do przeprowadzenia dynamicznej instalacji ENDO */
function rozpocznijInstalacje() {
	$('.rozpocznij').click(function() {
		var postep = 'krok1';
		$.get (
			"instalator.php",
			{ postep: postep},
			function(data) {
				$('#pojemnikGlowny').html(data);
			}
		);
	});
}
[HTML] pobierz, plaintext 

Sposób AJAX:

[HTML] pobierz, plaintext 
/* Załadowanie wszystkich funkcji i utworzenie zmiennych przechowujących informację o postępach instalacji */
$(document).ready(function() {
	var postep;
	rozpocznijInstalacje();
});
 
/* Funkcje niezbędne do przeprowadzenia dynamicznej instalacji ENDO */
function rozpocznijInstalacje() {
	$('.rozpocznij').click(function() {
		var postep = 'krok1';
		$.ajax ({
			type	:"GET",
			url		:"instalator.php",
			data	:{
				postep:	postep
			},
			complete(dane) {
				$('#pojemnikGlowny').html(dane);
			}
		});
	});
}
[HTML] pobierz, plaintext 

Fragment kodu php, który ma przechwycić dane:

[PHP] pobierz, plaintext 
// proces instalacji - otrzymywanie i zwracanie odpowiednich danych ze wzgledu na otrzymaną informacje, który krok jest właśnie wykonywany
if($_GET['postep'] == 'krok1') {
	echo '<h1>Instalacja ENDO</h1><br />
		<h3>Krok 1.</h3>';
}
[PHP] pobierz, plaintext 

Nie mam pojęcia co mogłem zrobić źle.
Z góry dziękuję za pomoc

jezeli korzystasz z AJAXA to faktycznie wysyłasz swój "postep" odbierasz go w pliku instalator.php ale w żaden sposób wyniku czyli swojego ECHO nie wysyłasz spowrotem do Ajaxa

poczytaj sobie artykuł Temat: JavaScriptMySQLPHP dynamiczne uzupelnianie - podałem tam swój przykład wykorzystania AJAX-a wraz z opisami.

Czyli uważasz, że powinienem odsyłać dane JSON'em? Bo nie rozumiem.

Gdy robiłem ćwiczenia z książki odsyłałem po prostu jako kod html i wszystko było dobrze. Nie rozumiem dlaczego teraz mi nic nie działa.

pytasz jak zorbić to AJAXEM więc ci pomagam

Przepraszam. Zielony jeszcze jestem w JS.

Mógłbyś pokazać jak powinien wyglądać przykładowy skrypt PHP, który byłby odpowiedzialny za odesłanie danych?

tak jak jest to pokazane na przykładzie który ci wysłałem. Przypisujesz na przykład to co chcesz do zmiennej i przesyłasz jsonem.

Mam coś takiego. Jest na pewno źle, bo na stronie nadal nic nie rusza.

[PHP] pobierz, plaintext 
if($_GET['postep'] == 'krok1') {
	$tresc = '<h1>Instalacja ENDO</h1><br />
		<h3>Krok 1.</h3>';
	echo json_encode($tresc);
}
[PHP] pobierz, plaintext 

no a jak odbierasz te dane pokaż kod nie będe wróżył z fusów.

Nic się nie zmieniło. Ciągle ten sam kod js

[HTML] pobierz, plaintext 
/* Załadowanie wszystkich funkcji i utworzenie zmiennych przechowujących informację o postępach instalacji */
$(document).ready(function() {
	var postep;
	rozpocznijInstalacje();
});
 
/* Funkcje niezbędne do przeprowadzenia dynamicznej instalacji ENDO */
function rozpocznijInstalacje() {
	$('.rozpocznij').click(function() {
		var postep = 'krok1';
		$.ajax ({
			type	:"GET",
			url		:"instalator.php",
			data	:{
				postep:	postep
			},
			complete(dane) {
				$('#pojemnikGlowny').html(dane);
			}
		});
	});
}
[HTML] pobierz, plaintext 

complete: function(dane) {

tutaj masz mój przykład wysyłania i odczytywania danych przesłanych przez json wystarczy go przerobić

[PHP] pobierz, plaintext 
$.ajax({
					type: "POST",
					url: "wiad_ajax.php",
					dataType : 'json',
					data: {
						dana1 : miasto,						//przypisanie zmiennych dowysylki
						dana2 : wybor,
						},
					success : function(json) {
					document.getElementById('div_rk_id').style.display="block"; //odblokowujemy widocznosc div rk
					var select_success = document.getElementById('select_rk_id'); //przypisanie do zmiennej wartosci elementu
					for (i=0;i<=json.length;i++)
					{
						var option_success = document.createElement("option"); //tworzymy obiekt option
						option_success.setAttribute("value", json[i]);
						option_success.text = ""+json[i]+""; //przypisujemy do niego odebrane wartosci z ajaxa
						select_success.appendChild(option_success); //dodanie stworzonego optiona do select
					}
					},
					error : function(error) {
						alert("Jest klops");
					}
});
[PHP] pobierz, plaintext 

Proponuje ci jeszcze jeżeli tego nie masz to instalację FIRebuga w przegladarce on pokazeci co otrzymujesz i co wysyłasz AJAXEM

Dobra. Jakoś się zmieniają elementy na stronie. Reaguje po naciśnieciu na przycisk, tylko jest problem taki, że nic się nie pokazuje. Tak jakby php nic nie odsyłało.


Co do tego skryptu JS to nie chce tego używać, bo chcę zrobi stronę bazującą tylko na jQuery.
Poza tym z takim skryptem przestaje nawet strona reagować:

[HTML] pobierz, plaintext 
/* Załadowanie wszystkich funkcji i utworzenie zmiennych przechowujących informację o postępach instalacji */
$(document).ready(function() {
	var postep;
	rozpocznijInstalacje();
});
 
/* Funkcje niezbędne do przeprowadzenia dynamicznej instalacji ENDO */
function rozpocznijInstalacje() {
	$('.rozpocznij').click(function() {
		var postep = 'krok1';
		$.ajax ({
			type	:"GET",
			url		:"instalka.php",
			data	:{
				postep:	postep
			},
			complete:	function(dane) {
				var pojemnik = document.getElementById('pojemnikGlowny');
				pojemnik.innerHtml = dane;
			}
		});
	});
}
[HTML] pobierz, plaintext 

Sądzę, że problem leży w php.
Co do firebug, mam go zainstalowanego ale w nim nie mogę znaleść tego co wysyła php, więc to na pewno wina php.

Ten post edytował castagir 28.02.2015, 13:30:50

jak rozumiem sprawdzałeś w firebugu pod opcją - > konsola ? i nic nie zwraca ?

Ten post edytował ilidir 28.02.2015, 13:33:20

Dobra, ten problem udało mi się rozwiązać, wkradła się literówka
Lecz nic dalej.

Teraz już wiem. Nie wiem dlaczego, ale to co mi odsyła php zostaje zapisane poza html:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
	<title>ENDO - instalacja</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
	<script type="text/javascript" src="../jquery.js"></script>
	<script type="text/javascript" src="js_instalator.js"></script>
</head>
<body>
<img src="./css/logo_endo_duze.png" />
<div id="pojemnikGlowny">
<h1>Instalacja ENDO</h1><br />
		<p>Dziękujemy za wybranie naszej aplikacji do stworzenia swojej strony! ENDO jest aplikacją CMS umożliwiającą stworzenie portalu informacyjnego lub tematycznego, który zawiera w sobie takie moduły jak:
		<ul>
			<li>rejestracja kont użytkowników z rozbudowanym edytowalnym profilem</li>
			<li>wewnętrzna poczta, dla lepszej komunikacji między użytkownikami</li>
			<li>przeglądanie artykułów oraz edytor do ich pisania i redagowania</li>
			<li>rozbudowane forum z różnymi stopniami dostępu dla odwiedzających</li>
			<li>rozbudowany panel administratorski do pełnej kontroli nad witryną</li>
			<li>wewnętrze forum tylko dla administratorów</li>
		</ul></p>
		<input type="button" class="rozpocznij" value="Rozpocznij instalację" /></div>
</body>
</html><h1>Instalacja ENDO</h1><br />
		<h3>Krok 1.</h3>
[HTML] pobierz, plaintext 

Ten post edytował castagir 28.02.2015, 13:36:00

no nic. Dzieki za pomoc. Będę dalej kombinował

znaczy się ja nie rozumiem tego co napisałeś

Chodzi o ten fragment:

[HTML] pobierz, plaintext 
</body>
</html><h1>Instalacja ENDO</h1><br />
		<h3>Krok 1.</h3>
[HTML] pobierz, plaintext 

To powinno być w div'ie o id="pojemnikGlowny", a zamiast tego, pokazuje się to za znacznikiem zamykajacym </html>

PHP odsyła to co trzeba. Problemem jest teraz to, dlaczego JS nie wstawia otrzymanych danych do diva. Próbowałem także z append i efekt ten sam, tyle, ze poprzednia tresc nie zostaje skasowana.

Ten post edytował castagir 28.02.2015, 14:04:38