HTML PHP wykonanie skryptu po naciśnięciu w button

Question

Witam, mam problem ponieważ próbuje zrobić button na stronie w html oczywiście jest to pewnie prosta sprawa lecz jakoś nie daje rady z tym sprawa wygląda tak że mam :

<form action="order.php" method="post">
<button name="foo" value="1">Kilknij</button>
<form>

ten kod działa tylko nie tak jak bym chciał ponieważ po kliknięciu w przycisk "Kliknij" przenosi mnie do order.php i wykonuje skrypt w php lecz nie oto mi chodzi. Chodzi mi o to żeby po kliknięciu w przycisk (Button) został wykonany skrypt php lecz bez przenoszenia mnie w order.php tylko pozostania na tej samej stronie.

mój skrypt order.php to :

<?php
        
        $wartosc = $_POST['foo'];
        if($wartosc==1)
        {
         $c = curl_init();
         curl_setopt($c,CURLOPT_URL,'http://139.59.206.133/0gCZRvGdDv8InjUAQ-UGjuNvV757Fxmp/update/V5?value=600');
         curl_exec($c);
        }
        ?>
I chciałby aby ten skrypt wykonał się w tle po kliknięciu w przycisk bez przechodzenia na następną stronę czyli order.php

Bardzo proszę o odpowiedz jak to zrobić bo nie mam pojęcia.

Answer 1

Wysłanie formularza powoduje przeładowanie strony. Formularz możesz obsłużyć na tej samej stronie, nie musisz przechodzić do order.php. Jak nie chcesz przeładowywać strony to poczytaj o technologii AJAX.

Comments

Do użycia AJAX-a w tym kontekście wystarczy sam przycisk

<button name="foo" value="1">Kilknij</button>

i np. "ajax-owy" kod w zdarzeniu click dla tego button-a.

Answer 2

https://api.jquery.com/jquery.ajax/

Comments

tak szczerze to jeśli miałbym polecać coś do XHR to wg mnie nie warto ładować calego jQuery jak są mniejsze, lepsze rozwiązania np. fajna libka axios :)

Answer 3

Po pierwsze to używaj specjalnych bloczków do wstawiania kodu dzięki temu łatwiej się go czyta.np:

<form action="order.php" method="post">
   <button name="foo" value="1">Kilknij</button>
<form>

Po drugie jak chcesz przesłać dane formularzem używając button ? Jeśli chcesz aby Twoje wartości z formularza się przesłały to musisz użyć:

<form action="order.php" method="post">
  <input type="hidden" value="1" name="foo"/>
  <input type="submit" value="wyślij"/>
</form> 

Można oczywiście też z button ,ale do tego musiał byś użyć js. Lecz jeśli chcesz tradycyjnie wysłać jakiś formularz musisz użyć submit.I staraj się nie przenosić wartości w submit dla tego dołożyłem ukryte pole z wartością.