Ошибка с setRequestHeader в запросе GET

Question

Следующая функция JS должна отправлять запрос GET на

http://127.0.0.1:5000/api.xml

с

? Query = toast

function sendRequest(str){
    var request = new XMLHttpRequest();
    console.log('sending request');
    request.onreadystatechange = function() {
        if (request.readyState == XMLHttpRequest.DONE) {
            json=request.responseText;
            //json.forEach(function(obj) { 
            //});
            for (word in json){
                var row=table.insertRow();
                var scoreC=row.insertCell();
                var wordC=row.insertCell();
                scoreC.innerHTML=json[word];
                wordC.innerHTML=word;
            }
        } else {
            concole.log("Silence on the line");
        }
    }
    request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    request.open('GET', 'http://127.0.0.1:5000/api.xml?query='+str, true);
    request.send();
  // and give it some content 
    //var newContent = document.createTextNode(resp); 
    //console.log(resp.responseType);
}

Вместо этого он всегда запрашивает

http://127.0.0.1:5000/?word=toast

, игнорируя тот факт, что мне потребовался GET для

http://127.0.0.1:5000/api.xml

Answer 1

1) Как выстроился Стефан Шрайвер

request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

действительно только тогда, когда следует

request.open('POST', 'http://127.0.0.1:5000/api.xml?query='+str, true);

как часть POST-запроса

Это больше не требуется для запросов GET

2) Также,

request.open('GET', 'http://127.0.0.1:5000/api.html?query='+str, true);

должен быть определен перед функцией readyStateChange

Answer 2

Сначала вы должны создать нужный URL, открыть запрос, а затем установить заголовок запроса. Позвольте мне показать пример:

function sendRequest(){
  let theUrl = 'http://127.0.0.1:5000/api.xml'

  let xmlHttp = new XMLHttpRequest();
  let fooStr='?query=toast';
  theUrl = `http://127.0.0.1:5000/api.xml${fooStr}`;
  xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
  xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

  xmlHttp.send( null );
  return xmlHttp.responseText;
}

sendRequest();

Или в вашем случае:

request.open('GET', 'http://127.0.0.1:5000/api.xml?query='+str, true);
request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
request.send();

Answer 3

Попробуйте это

function sendRequest(str) {
    const request = new XMLHttpRequest();
    request.onreadystatechange = function() {
        if (this.readyState === 4) {
            if (this.status === 200) {
                console.log(this.responseText);
                const json = this.responseText;
                for (word in json) {
                    var row = table.insertRow();
                    var scoreC = row.insertCell();
                    var wordC = row.insertCell();
                    scoreC.innerHTML = json[word];
                    wordC.innerHTML = word;
                }
            } else if (this.response == null && this.status === 0) {
                console.log(this.responseText);
            } else {
                console.log('Error');
            }
        }
    };
    request.open('GET', 'http://127.0.0.1:5000/api.xml?query=' + str, true);
    request.send(null);
}