Hallo,
Du benötigst jQuery für so eine Kleinigkeit nicht.
Sind zwar ein paar Zeilen mehr, aber dafür muss die komplette jQuery Library nicht geladen werden ( was bei lokalem XAMPP egal sein mag ).
Weiterhin solltest Du anstelle von Event-Attributen lieber die Events direkt triggern.
Ich übernehme um diese Uhrzeit keine Garantie mehr, aber es müsste ungetestet so in etwa funktionieren:
Als Protokoll würde ich wie verwendet POST nehmen, weil Du damit eine größere Datenmenge transportieren kannst wie mit GET.
Gruß Arne
Du benötigst jQuery für so eine Kleinigkeit nicht.
Sind zwar ein paar Zeilen mehr, aber dafür muss die komplette jQuery Library nicht geladen werden ( was bei lokalem XAMPP egal sein mag ).
Weiterhin solltest Du anstelle von Event-Attributen lieber die Events direkt triggern.
Ich übernehme um diese Uhrzeit keine Garantie mehr, aber es müsste ungetestet so in etwa funktionieren:
HTML Code:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Inhalte per Ajax nachladen</title> <script type="text/javascript"> window.onload = function() { // Click-Event an Button binden document.querySelector( 'button[name="btnLoadText"]' ).addEventListener( 'click', _loadText ); }; // Funktion, die $.get bzw. $.post ersetzt function _loadText() { var oXmlHttp = new XMLHttpRequest(); oXmlHttp.addEventListener( 'load', function() { document.getElementById( 'target' ).innerHTML( this.responseText ); }); oXmlHttp.open( 'POST', 'source.html', true ); oXmlHttp.send(); } </script> </head> <body> <h1>Inhalte per Ajax (jQuery) nachladen</h1> <div id="target"> Die Inhalte in diesem Container werden nach dem Klick auf den Button mit den Inhalten aus der Datei <code>source.html</code> überschrieben. </div> <p><button name="btnLoadText">Hier klicken</button></p> </body> </html>
Gruß Arne
Comment