[AJAX][PHP]AJAX + PHP Update formularza., Działa poprzez GET , nie działa poprzez POST. Opcje

[casperii]

Witam, mam kod:

[HTML] pobierz, plaintext 
<script>
//update
$(document).ready(function(){
	$('#upd_data_personal').submit(function(){
		//$('#info').hide();
		var form = $(this),
		formData = form.serialize(),
		formUrl = form.attr('action'),
		formMethod = form.attr('method'), 
		responseMsg = $('#info_upd_data');
		responseMsg.hide()
		.addClass('response-waiting')
		.text('proszę czekać...')
		.fadeIn(200);
		//alert("Data: " + formData);
 
		$.ajax({
			//type: "POST",
			type: formMethod,
			url: "/ajax/AjaxUpdateData.php",
			data: formData,
			processData: false,
			contentType: false,
			success: function(data){
 
				var responseData = jQuery.parseJSON(data),
				klass = '';
				switch(responseData.status){
					case 'error':
					klass = 'response-error';
					break;
					case 'success':
					klass = 'response-success';
					break;  
				}
 
				responseMsg.fadeOut(200,function(){
					//$('#info').hide();
					$(this).removeClass('response-waiting')
					.addClass(klass)
					.text(responseData.message)
					.fadeIn(200,function(){
						setTimeout(function(){
							responseMsg.fadeOut(200,function(){
								$(this).removeClass(klass);
								//$('#info').show();
							});
						},3000);
					});
				});
			}
		});
return false;
	});
});
//end update
</script>
[HTML] pobierz, plaintext 

oraz:

[HTML] pobierz, plaintext 
<form id="upd_data_personal" action="/profil.html" method="GET">
Imię: <input type="text" name="imie" value="<?=$row2['name'];?>">
<input type="submit" id="submit-data" disabled="" name="upd_data_personal" value="zapisz" class="button">
</form>
[HTML] pobierz, plaintext 

Jak to prześlę metodą GET wszystko jest ok i aktualizuje w bazie. Natomiast jak odbiorę form methodą post to tak jakby nie przesyłał tego.
A tak odbieram sobie w php dane.

[PHP] pobierz, plaintext 
$name = $_GET['imie'];
[PHP] pobierz, plaintext 

Zatem pytanie brzmi co robią źle ? :-)

[Mega_88]

Dziś czas na strzał

Może:

[HTML] pobierz, plaintext 
$.ajax({
type: "POST", ( usuń // )
[HTML] pobierz, plaintext 

Może zamiast:

[PHP] pobierz, plaintext 
$name = $_GET['imie'];
[PHP] pobierz, plaintext 

To:

[PHP] pobierz, plaintext 
$name = $_POST['imie'];
[PHP] pobierz, plaintext 

[casperii]

Dziś czas na strzał

Może:

[HTML] pobierz, plaintext 
$.ajax({
type: "POST", ( usuń // )
[HTML] pobierz, plaintext 

Może zamiast:

[PHP] pobierz, plaintext 
$name = $_GET['imie'];
[PHP] pobierz, plaintext 

To:

[PHP] pobierz, plaintext 
$name = $_POST['imie'];
[PHP] pobierz, plaintext 

Kolego, Ty widzisz co ty piszesz ? //type:POST zostało zakomentowane, ponieważ mam type: formMethod czyli pobiera mi taką metodę jaką mam w formie. Nawet jak ustawie na sztywno type post to i tak nic to nie daje. Chyba masz mnie za kretyna , że zmieniając Ajax Type z GET na POST nie zmienił bym typu zmiennych z GET na POST. Obstawiam, że gdzieś problem tkwi w JS.

[Mega_88]

Kolego, Ty widzisz co ty piszesz ? //type:POST zostało zakomentowane, ponieważ mam type: formMethod czyli pobiera mi taką metodę jaką mam w formie. Nawet jak ustawie na sztywno type post to i tak nic to nie daje. Chyba masz mnie za kretyna , że zmieniając Ajax Type z GET na POST nie zmienił bym typu zmiennych z GET na POST. Obstawiam, że gdzieś problem tkwi w JS.

Nie to żebym Ci spamował w temacie, ale piszesz w dziale przedszkole, różne osoby się przewijają z różnym poziomem wiedzy i nawet orły popełniają głupie błędy. Mój zakres wiedzy w tym temacie jest niski dlatego proste "PODPOWIEDZI" (strzały) z mojej strony, które rzuciły mi się w oczy ( typ zmiennych z GET na POST ). Widzę jednak, że ...

Nie, nie miałem Cię za kretyna

P.S - może zmień rozszerzenie pliku z .html na .php

[IProSoft]

Sprawdziłem Twój kod dla POST i działa poprawnie więc błąd masz pewnie gdzieś w odbiorze danych, sprawdź var_dump( $_POST ); w pliku php.

PS: nie rzucaj się na kogoś kto chce Ci pomóc, zachowaj troche kultury i odpisuj normalnie.

[casperii]

Sprawdziłem Twój kod dla POST i działa poprawnie więc błąd masz pewnie gdzieś w odbiorze danych, sprawdź var_dump( $_POST ); w pliku php.

PS: nie rzucaj się na kogoś kto chce Ci pomóc, zachowaj troche kultury i odpisuj normalnie.

Odpisuje normalnie, ale jak ktoś nie wie o czym pisze i w ten sposób chce pomóc to chyba można się zirytować.

Nie wiem w jaki sposób Ci to działa, ale zobacz co daje to w php:

[PHP] pobierz, plaintext 
if(isset($_POST['imie'])){
$imie=$_POST['imie'];
}else{
$imie='nie ma';
}
$status = "success";
$message = 'ok '.$imie.'';
 
$data = array(
    'status' => $status,
    'message' => $message
);
 
echo json_encode($data);
exit;
?>
[PHP] pobierz, plaintext 

Za cholere PHP nie widzi tutaj przesłanego metodą post zmiennej.

[IProSoft]

Usuń contentType: false,

[casperii]

Usuń contentType: false,

Super! pomogło :-) Wiedziałem, że to jest wina JS. Powiedz mi, dlaczego z $_GET to działało, ale z $_POST już nie?

Jeszcze mam pytanie, nad tym formem co wysyłam postem, mam w divie wartość imię wyciągane z bazy, czy da się w ten mój kod wstawić jakieś odświeżenie i pobranie nowej wartości tej nadpisanej z bazy? Chodzi mi bez przeładowywanie strony.

<div id="imie"><?= $row['imie'];?></div>

Panowie czy tylko jedynym rozwiązaniem będzie load(scieżka do pliku) ? lub rehresh strony?
Jeszcze raz napiszę co chcę osiągnąć.
Mam div potem form który updatuje się poprzez ajax. Czyli tak na szybko:

<script> ajax </script>

<div id="imie">Tu chcę aktualizować imię </div>
<form><input name="imie">
</form>

Czy ma ktoś jakiś pomysł ?

Ten post edytował casperii 7.05.2015, 15:08:29

[salfunglandyare]

Nie musisz z bazy:

[HTML] pobierz, plaintext 
//...
				case 'success':
					klass = 'response-success';
					jQuery('#imie').text(jQuery('input[name="imie"]').val());
					break;  
//...
[HTML] pobierz, plaintext 

ale jeśli koniecznie chcesz, dodaj

[PHP] pobierz, plaintext 
$data = array(
    'status' => $status,
    'message' => $message,
    'imie' => $imie_z_bazy
);
[PHP] pobierz, plaintext 

i wtedy:

[HTML] pobierz, plaintext 
					jQuery('#imie').text(responseData.imie);
[HTML] pobierz, plaintext 

[casperii]

w sumie to mnie zadowoli:
jQuery('#imie').text(jQuery('input[name="imie"]').val());

tylko trochę po modyfikacji :

$('#loadName').text($('input[name="imie"]').val()); // tu chce dodać input[name="nazwisko"].val()

Dzięki, a jak zrobić kolego by w diva loadName dać dwie wartości oddzielony spacją?

[salfunglandyare]

Dodaj

[HTML] pobierz, plaintext 
$('#loadName').text($('input[name="imie"]').val()+' '+$('input[name="nazwisko"]').val());
[HTML] pobierz, plaintext 

[viking]

Odpowiadając na twoje pytanie dlaczego z POST nie działało. PHP przetwarza w POST dane pochodzące wyłącznie z application/x-www-form-urlencoded albo multipart/form-data. Wszystko inne zwróci pustą tablicę. Możesz ją odczytać przez

[PHP] pobierz, plaintext 
file_get_contents('php://input')
[PHP] pobierz, plaintext 

[casperii]

@salfunglandyare a ja mam jeszcze takie dodatkowe pytanie, jak najlepiej rozwiązań problem jeśli chciałbym osiągnąć zapis drugiego forma (a w przyszłości 3 i 4 form), w praktyce coś takiego:

[HTML] pobierz, plaintext 
<form name="id="upd_data_personal" method="POST">
Imię: <input name="imie" value="">
<br>
Nazwisko: <input="nazwisko" value=""> 
<br>
<input type="submit" value="zapisz" id="submit-data" disabled="" name="upd_data_personal"> 
</form>
 
 
<form method="POST">
Dodatkowe pole: <input name="pole" value="">
<br>
<input type="submit" value="zapisz"> 
</form>  
[HTML] pobierz, plaintext 

Teraz drugi <form> jakieś pole do zapisu np. płeć </form>
I czy teraz tworzyć dwa razy to tylko z innym ID ?

[HTML] pobierz, plaintext 
$('#upd_data_personal').submit(function(){
...
...
[HTML] pobierz, plaintext 

A może dla dwóch formów te same ID ale ze zmienionym URL w ajaxie ?

[HTML] pobierz, plaintext 
url: "/ajax/AjaxUpdateData?page=form1.php",
url: "/ajax/AjaxUpdateData?page=form2.php",
[HTML] pobierz, plaintext 

Dlaczego nie mogę zrobić tego w 1 formie? Otóż mam kilka zakładek (tab) w których mam osobne dane do zaktualizowania.

Ten post edytował casperii 8.05.2015, 09:19:51

[viking]

W HTML5 masz <input form="">. Do tego inputy mogą być poza form.

[casperii]

@viking , może i racja, ale to nie największe zmartwienie czy zrobie <form>zawartość </form> <form> druga zawartość</form> czy <input form> <input form>

Tylko jak to później sprawnie pogrupować w ajax ? Czy tworzyć scirpt pod scriptem czy uda się z jednego scriptu zrobić jakiś switch ?

[viking]

Zależy czym konkretnie są te dane. Jeżeli jeden form jak podałeś to imię, nazwisko a drugi płeć należy to wszystko do encji osoba (przykładowo). Logiczne zatem że powinno być wysyłane do /ajax/osoba/update (przykładowo ). Po co wtedy rozbijać? Po stronie PHPa wypełnij encję osoba danymi post.

[casperii]

Może rozwinę swoją myśl i sposób działania.

Jest lewa i prawa strona, prawa strona wczytywana bez przeładowywania (odświeżenie) strony po wybraniu z lewej strony linku.
Załóżmy że mamy w pierwszym linku dane osobowe (imię nazwisko), oraz drugi link dane szczegółowe (płeć, data ur.).
W każdej z tych załadowanych stron pojawia się odpowiednio form oraz input. Oczywiście na początku strony w head umieszczony AJAX.

No i teraz powstało pytanie, czy tworzyć 2 x AJAX z ID tych formów. Czy może jeden raz AJAX ze switchem {form 1 , form2} a może po prostu jeden AJAX i w tym pliku PHP zrobić jakiś warunek ? Bo przecież w tym pliku php raz będę update set imie=$imie, nazwisko=$nazwisko a drugim razem w tym drugim formie data urodzenia.

Bo przecież jak zrobię na sztywno UPDATE users SET `imie` = '$imie', `nazwisko` = '$nazwisko', `data_urodzenia` = '$data_urodzenia' a zmienne nie otrzymają wartości to pola te mi się nadpiszą z pustą wartością.

Hah no chyba , żeby robić warunki if(!empty($imie)){ $dodaj_imie = '`imie` = '.$imie.''; } ?

A później UPDATE users SET $dodaj_imie, $dodaj_nazwisko itd ?

Zależy czym konkretnie są te dane. Jeżeli jeden form jak podałeś to imię, nazwisko a drugi płeć należy to wszystko do encji osoba (przykładowo). Logiczne zatem że powinno być wysyłane do /ajax/osoba/update (przykładowo ). Po co wtedy rozbijać? Po stronie PHPa wypełnij encję osoba danymi post.

Możesz mi kolego dokładnie napisać, jakby to miało wyglądać w praktyce ?

Ten post edytował casperii 8.05.2015, 13:36:52

[viking]

Gdybyś używał jakiś ORM było by najłatwiej

Przykład z Propela - http://propelorm.org/documentation/referen...ive-record.html

[PHP] pobierz, plaintext 
// Each ActiveRecord class offers the ability to dump to and populate from an array
$properties = array(
  'Title'    => 'War and Peace',
  'ISBN'     => '067003469X',
  'AuthorId' => 456745
);
$book = new Book();
$book->fromArray($properties);
echo $book->getTitle(); // 'War and Peace'
print_r($book->toArray());
[PHP] pobierz, plaintext 

A tak niestety trzeba się bawić w warunki.