Я имею в виду, что я думаю, что наиболее распространенной практикой вызова функции PHP через Javascript является использование XMLHttpRequests, и я также рекомендую это.
Это работает так:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Typical action to be performed when the document is ready:
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "filename", true);
xhttp.send();
Источник: https://www.w3schools.com/xml/xml_http.asp
Если вы хотите использовать jQuery (который я рекомендую при использовании XMLHttpRequests), синтаксис для выполнения XMLHttpRequest намного проще:
$.ajax({
type: 'POST',
url: 'yourfile.php',
data: {
// someData
},
success: (data) => {
// Code that will be executed after a successful
// finish of the request
// data: stuff that was echoed in PHP
},
error: (xhr, status, error) => {
// Code that will be executed after a non successful
// finish of the request
// This line will display an error to your console,
// which holds the PHP-error-code
console.error(xhr.responseText);
}
});
Источник: https://jquery.com/
Обратите внимание, что когда вы выполняете XMLHttp- или Ajax-запрос (который в основном одинаков в простых терминах), это асинхронный , что означает, что код после Команда $ .ajax () будет выполнена сразу после этого, даже если запрос еще не завершен.
Так что, если вы хотите выполнить код сразу после завершения запроса, вы должны поместить кодвнутри success или error callback-function.
Если вы хотите увидеть более конкретный пример использования Ajax-запросов в вашем случае, простоспроси.
ДобрыйС уважением