witam,

Chciałem zrobić prosty formularz bez przeładowania strony za pomocą serialize i wszystko działa OK, ale po wywołaniu skryptu nie przekazuje zmiennej Submit POST -> $_POST['unpublished'] i $_POST['published']

Jeżeli formularz ładuję bezpośrednio z products_success.php te zmienne istnieją i warunki mogą być spełnione.

Problem mam taki jak zrobić żeby te zmienne POST po wywołaniu serialize też istniały?

[HTML] pobierz, plaintext 
<script>
$(document).ready(function(){
$("#form_add_products").on("submit", function(event){
event.preventDefault();
$.post("products_success.php", $(this).serialize(), function(data){
 
});
});
});
</script>
 
 
<form id="form_add_products" method="post" enctype="multipart/form-data">
 
....
 
<input type="submit" name="published" value="Opublikuj" class="dropdown-item">
<input type="submit" name="unpublished" value="Wycofaj" class="dropdown-item">						
 
</form>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
echo = $_POST['published'];
echo = $_POST['unpublished'];
 
 
if (isset($_POST['published'])) {
 
echo 'publikuje';
 
}
 
if (isset($_POST['unpublished'])) {
 
echo 'wylaczony';
 
}
[PHP] pobierz, plaintext 

serialize omija buttony.Musisz niestety sam recznie dodac ten button, ktory byl kliniety

A "wycofaj" powoduje zapis danych?

dzięki za informację. Mogę prosić o jakis przykład jak dodac samemu button ?



Nie nic się nie dzieje

To po co analizować, który przycisk został naciśnięty w PHP.
Przycisk powinien być albo <input type="reset"> albo buttonem z przekierowaniem do innej strony/przeładowaniem (JS).

W moim przypadku mam kilka przyciskow dla przykładu tutaj podałem dwa i wszystko działa OK tylko niestety tak jak sie teraz dowiedziałem serialize nie przenosi ich danych.

No normalnie do tablicy ktora zwraca serialize dodajesz kolekjny element

var formData = $(this).serialize();
formData.push({ name: "twoj button", value: "twoja wartosc" });

wykombinowałem coś takiego ale niestety nie działą, pewnie coś robię zle ale niestety nie wiec jak to ogarnać. Wykonywałem tez rożne inne testy ale wklejam tylko jeden.

[HTML] pobierz, plaintext 
<script>
$(document).ready(function(){
$("#form_add_products").on("submit", function(event){
event.preventDefault();
 
var formData = $(this).serialize();
 
formData.push({name:"published", value:"Opublikuj"});
 
$.post("products_success.php", 
 
formData, 
 
function(data){
 
});
});
});
</script>
[HTML] pobierz, plaintext 

I czym sie objawia "nie dzialanie" ?

nic się nie dzieje a z konsoli mam bład

[HTML] pobierz, plaintext 
products.php?pageno=1:424 Uncaught TypeError: formData.push is not a function
at HTMLFormElement.<anonymous> (products.php?pageno=1:424:15)
at HTMLFormElement.dispatch (jquery-3.5.1.min.js:2:43090)
at v.handle (jquery-3.5.1.min.js:2:41074)
[HTML] pobierz, plaintext 

no to pisz od razu a "nei nie dziala"

co zwraca

console.log(formData);
?

sorki, w moim przykladzie powinno byc
serializeArray()

Teraz wszystko działa OK, ale mam ostatni problem. Wiem ze to są pytania amatorskie:

Teraz jak kliknę Opublikuj lub Wycofaj zawsze razem mi wywołuje do Post te dwie zmienne. Jak zrobić zeby odpowiednio osobno wywołało jak klikne Opublikuj i osobno Wycofaj?

[HTML] pobierz, plaintext 
$(document).ready(function(){
$("#form_add_products").on("submit", function(event){
event.preventDefault();
 
var formData = $(this).serializeArray();
 
formData.push({name:"published", value:"Opublikuj"});
formData.push({name:"unpublished", value:"Wycofaj"});
 
$.post("products_success.php", 
 
formData, 
 
function(data){
 
});
});
});
[HTML] pobierz, plaintext 

No submit masz dodawac ten ktory sie kliknal a nie na chama pchasz dwa.
Jaki zostal klikniety submit to chyba masz w event a konkretnie w event.target. Sprawdz

Możesz mi podac jakis przykład bo niestety nie wiem jak sie za to zabrać?

console.log(event.target);

co ci zwraca?

Podaj link bo jest tego sporo i nie chce wklejac:

https://fcp.vot.pl/k.txt

hm, to chyba w przypadku ajax musisz podpiac zdarzenia click pod te buttony, zamiast zdarzenie pod wyslanie forma.
Wtedy bedziesz wiedzial jednoznacznie ktory submit kliknieto i tylko jego dodasz

tylko jak to zrobic? i znow musze prosic o jakis przyklad.

No zamiast
$("#form_add_products").on("submit"

masz zrobic


$("TWOJ INPUT").on("click"

jak zmieniłem tak jak pisales to wtedy formularz nie przekazuje jako Post pol type=hidden

A zmieniles o to
$(this).serializeArray();

by zmiast $(this) bylo wskazanie na formularz?

Dzięki za pomoca, teraz mi wszystko działa OK, nie wiem tylko czy jest jakis lepszy (krótszy) zapis skryptu? mi działa taki:

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
	$("#published").on("click", function(event){
 
	event.preventDefault();
 
	var formData = $('#form_add_products').serializeArray();
	formData.push({name:"published", value:"Opublikuj"});
 
	$.post("products_success.php", 
 
	formData, 
 
	function(data){
 
 
	});
	});
 
 
	$("#unpublished").on("click", function(event){
 
	event.preventDefault();
 
	var formData = $('#form_add_products').serializeArray();
	formData.push({name:"unpublished", value:"Wycofaj"});
 
	$.post("products_success.php", 
 
	formData, 
 
	function(data){
 
 
	});
	});
 
});
[HTML] pobierz, plaintext 

Bardziej mi chodzilo byc to zrobil jeden ON na oba submity

Dodajesz klase dla submit ktore chcesz lapac

<input type="submit" name="published" value="Opublikuj" class="dropdown-item lap-submit">
<input type="submit" name="unpublished" value="Wycofaj" class="dropdown-item lap-submit">

a potem lecisz po tej klasie


$(" lap-submit").on("click", function(event){
 
event.preventDefault();
 
var formData = $('#form_add_products').serializeArray();
formData.push({name:event.target.name, value:event.target.value});
 
$.post("products_success.php",
 
formData,
 
function(data){
 
 
});
});

i event.target bodajze zawiera klikniety submit wiec

formData.push({name:event.target.name, value:event.target.value});

I juz, ale to pisane z palca, sprawdz ten event.target

https://jsfiddle.net/7emn9y14/

Dziękuję wszystkim za pomoc już działa idealnie.