Ohne Fehler, ohne jquery ... bearbeitet von Regina Schaukrug 13.04.2018 16:36 > 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: ~~~html <!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 <?php //ajax_show_post.php if ( isset ( $_POST ) ) { var_dump ( $_POST ); } else { echo 'Sorry: $_POST nicht verfügbar.'; } ~~~
Ajax Post Data - PHP Script erzeugt Notice: Undefined index:... bearbeitet von Regina Schaukrug 13.04.2018 16:38 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: ~~~html <!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> ~~~
nicht angemeldet nicht angemeldet
