Используй библиотеку jQuery - ajax и конкретно тебя должно интересовать
https://api.jquery.com/jquery.ajax/#:~:text=Save%2....
$.ajax({
method: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
})
.done(function( msg ) {
alert( "Data Saved: " + msg );
});
Делаешь файлик .php например, он обрабатывает пост данные и отправляет их в базу данных,
в url даешь на него ссылку.
в файле напиши php
$name = $_POST["name"];
$location = $_POST["location"];
var_dump($name, $location);
и в переменной msg ты увидишь эти переменные
Либо вот такой запрос на чистом JS
fetch ("some.php",{
body: "name=" + encodeURIComponent("John") + "&location=" + encodeURIComponent("Boston")
cache: "default",
headers: {'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'},
method: "POST",
mode: "cors"
}).then( (response) => {
if (response.status !== 200) {
return Promise.reject();
}
return response["text"]();
}).then(msg=>{
alert( "Data Saved: " + msg );
})