Basierend auf Johns Antwort habe ich die GET-Anfrage in eine POST-Anfrage geändert. Es funktioniert, ohne dass die Serverkonfiguration geändert werden muss. Also habe ich mir überlegt, wie ich das umsetzen kann. Die folgenden Seiten waren hilfreich:
jQuery Ajax POST-Beispiel mit PHP
(Beachten Sie die Anmerkung zur Bereinigung geposteter Daten) und
http://www.openjs.com/articles/ajax_xmlhttp_using_post.php
Grundsätzlich besteht der Unterschied darin, dass die GET-Anforderung die URL und die Parameter in einer Zeichenfolge enthält und dann null sendet:
http.open("GET", url+"?"+params, true);
http.send(null);
Während die POST-Anforderung die URL und die Parameter in separaten Befehlen sendet:
http.open("POST", url, true);
http.send(params);
Hier ist ein Arbeitsbeispiel:
ajaxPOST.html:
<html>
<head>
<script type="text/javascript">
function ajaxPOSTTest() {
try {
// Opera 8.0+, Firefox, Safari
ajaxPOSTTestRequest = new XMLHttpRequest();
} catch (e) {
// Internet Explorer Browsers
try {
ajaxPOSTTestRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajaxPOSTTestRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
ajaxPOSTTestRequest.onreadystatechange = ajaxCalled_POSTTest;
var url = "ajaxPOST.php";
var params = "lorem=ipsum&name=binny";
ajaxPOSTTestRequest.open("POST", url, true);
ajaxPOSTTestRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxPOSTTestRequest.send(params);
}
//Create a function that will receive data sent from the server
function ajaxCalled_POSTTest() {
if (ajaxPOSTTestRequest.readyState == 4) {
document.getElementById("output").innerHTML = ajaxPOSTTestRequest.responseText;
}
}
</script>
</head>
<body>
<button onclick="ajaxPOSTTest()">ajax POST Test</button>
<div id="output"></div>
</body>
</html>
ajaxPOST.php:
<?php
$lorem=$_POST['lorem'];
print $lorem.'<br>';
?>
Ich habe gerade über 12.000 Zeichen ohne Probleme gesendet.