Dựa trên câu trả lời của John, tôi đã thay đổi yêu cầu GET thành yêu cầu ĐĂNG. Nó hoạt động mà không cần phải thay đổi cấu hình máy chủ. Vì vậy, tôi đã tìm cách thực hiện điều này. Các trang sau rất hữu ích:
jQuery Ajax POST ví dụ với PHP
(Lưu ý nhận xét dữ liệu đã đăng sanitize) và
http://www.openjs.com/articles/ajax_xmlhttp_using_post.php
Về cơ bản, sự khác biệt là yêu cầu GET có url và tham số trong một chuỗi và sau đó gửi null:
http.open("GET", url+"?"+params, true);
http.send(null);
trong khi yêu cầu POST gửi url và các tham số trong các lệnh riêng biệt:
http.open("POST", url, true);
http.send(params);
Đây là một ví dụ hoạt động:
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>';
?>
Tôi vừa gửi hơn 12.000 ký tự mà không gặp vấn đề gì.