Formularz bez przeladowania strony. Problem z przekazaniem zmiennych. Opcje

[fcppl]

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 

Ten post edytował fcppl 10.01.2023, 12:53:14

[nospor]

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

[trueblue]

A "wycofaj" powoduje zapis danych?

[fcppl]

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

A "wycofaj" powoduje zapis danych?

Nie nic się nie dzieje

[trueblue]

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).

[fcppl]

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.

[nospor]

Mogę prosić o jakis przykład jak dodac samemu button ?

No normalnie do tablicy ktora zwraca serialize dodajesz kolekjny element

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

[fcppl]

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 

[nospor]

I czym sie objawia "nie dzialanie" ?

[fcppl]

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 

[nospor]

no to pisz od razu a "nei nie dziala"

co zwraca

console.log(formData);
?

sorki, w moim przykladzie powinno byc
serializeArray()

[fcppl]

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 

[nospor]

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

[fcppl]

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ć?

[nospor]

console.log(event.target);

co ci zwraca?

[fcppl]

console.log(event.target);

co ci zwraca?

Podaj link bo jest tego sporo i nie chce wklejac:

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

[nospor]

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

[fcppl]

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.

[nospor]

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

masz zrobic


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

[fcppl]

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