Wie ich finde sehr nützlich und daher poste ich das mal hier!
Die JavaScript Side
JavaScript
function getData(what, cb)
{
const xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4 && xhr.status == 200)
{
if (typeof cb === "function") cb(xhr.responseText);
}
}
xhr.open("GET", "getdata.php?q="+what+"", true); //oder auch POST
xhr.send();
}Nun das PHP
PHP: getdata.php
<?php
//Zur Sicherheit könnte man noch Prüfen ob Constant X definiert ist
//defined('X') OR exit('No direct script access allowed');
$what = $_GET["q"]; // GET bei POST $_POST[x]
/*
Der Code zum Verarbeiten
*/
$newData = "Du hast nach " . $what . " gefragt";
echo $newData; //neue Daten zurück geben!Fertig
Nun kann man das in JS nutzen um zB. MySQL daten mal fix ab zu Arbeiten!
HTML: beispiel.html
<!-- Der standard Stuff Header/Head/ -->
<body>
<div id="content">Klick auf update</div>
<button onclick="updateData('test')">Update</button>
</body>
<script>
function updateData(what){
getData(what, (data) => {
var contentDiv = document.getElementById("content");
if (contentDiv){
contentDiv.innerHTML = data;
}
});
}
function getData(what, cb)
{
const xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4 && xhr.status == 200)
{
if (typeof cb === "function") cb(xhr.responseText);
}
}
xhr.open("GET", "getdata.php?q="+what+"", true); //oder auch POST
xhr.send();
}
</script>Viel Spaß damit falls es einer Braucht!