Выполнение команды curl при нажатии кнопки отправки в форме

Question

У меня есть форма, которая принимает ввод от пользователя, и как только пользователь нажимает кнопку «Отправить», я хочу получить отправленную информацию и через командную команду curl отправить эти данные в URL. Я новичок в веб-разработке и, следовательно, борюсь с этим.

Я пытался сделать это через php, но, как я понимаю, php - это вещь на стороне сервера. Может ли кто-нибудь помочь мне написать возможный Javascript или JQuery, который поможет мне в этом?

Форма выглядит примерно так:

<form>
    <input type="radio" name="Ques" value="Opt1" checked>1<br>
    <input type="radio" name="Ques" value="Opt2">2<br>
    <input type="radio" name="Ques" value="Opt3">3<br><br><br>
    <input type="submit" name="submit">
</form>

Работающий код PHP выглядит примерно так

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'www.URL.com/abc');

curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

curl_setopt($ch, CURLOPT_POSTFIELDS, "{\"abc\": {\"subject\": \"My printer was never on fire!\", \"comment\": { \"body\": \"The smoke is very very colorful.\" }}}");

curl_setopt($ch, CURLOPT_POST, 1);

curl_setopt($ch, CURLOPT_USERPWD, 'USERNAME' . ':' . 'API_TOKEN');

$headers = array();
$headers[] = 'Content-Type: application/json';

curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);

$result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}

curl_close ($ch);