Regina Schaukrug: Ohne Fehler, ohne jquery ...

Beitrag lesen

Mein Tipp wäre eher, bei Ajax auf jQuery zu verzichten und die ganze Geschichte mit ein paar eigenen diskreten Zeilen zu erledigen und zwar so daß man das bischen Code auch verstehen kann. MfG

Du meinst:

<!DOCTYPE html>
<html>
<head>
<title>Ohne jquery geht das auch...</title>
</head>
<body>
<button id="button">Klick!</button>
<pre id='answer'></pre>

<script>
document.getElementById("button").addEventListener('click', function() {
    var http   = new XMLHttpRequest();
    var url    = "ajax_show_post.php";
    var params = "name=test";
    http.open( "POST", url, true );

    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    http.onreadystatechange = function() {
        if( http.readyState == 4 && http.status == 200 ) {
            document.getElementById('answer').innerHTML = http.responseText;
        }
    }
    http.send( params );
} );
</script>

</body>
</html>

ajax_show_post.php:

<?php
//ajax_show_post.php
if ( isset ( $_POST ) ) {
    var_dump ( $_POST );
} else {
    echo 'Sorry: $_POST nicht verfügbar.';
}