Отправка длинной строки через ajax не работает

Question

Я пытаюсь отправить длинную строку через ajax на php-страницу, которая будет обрабатывать ее и возвращать то, что мне нужно, я думаю, что она превышает пропускную способность GET или что-то в этом роде! , но по какой-то причине он не работает

var string = document.getElementById('text').innerHTML; // so long text 
var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'read.php?string=' + string, true); 
xhr.send(); 
xhr.onreadystatechange = function() { 
    if (xhr.status == 200 && xhr.readyState == 4) { 
    content.innerHTML = xhr.responseText; 
    } else { 
    content.innerHTML = 'loading'; 
    } 
} 

как я могу сделать это работает!

Answer 1

Просто замените:

xhr.open('GET', 'read.php?string=' + string, true); 
xhr.send(); 

с

var body = "string=" + encodeURIComponent(string); 
xhr.open("POST", "read.php", true); 
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
xhr.setRequestHeader("Content-Length", body.length); 
xhr.setRequestHeader("Connection", "close"); 
xhr.send(body); 

Answer 2

Для решения проблемы URL-кодирования, сделайте следующее:

xhr.open('GET', 'read.php?string=' + encodeURIComponent(string), true);