获取xhr响应并进行解析

Question

Hi I make an xmlHttpRequest like this:

var xhr = new XMLHttpRequest();

var params = 'gbook_text=' + encodeURIComponent('sdfsdf');

xhr.open("POST", '/gbook/save/7697256.html', true)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.responseText);
  }
}


xhr.send(params);

And I need to parse some data from response which is just a webpage I need to parse It via dom methods like getElementById(). I know that I can write something like:

xhr.responseXML.getElementById('author')

But it works only if server sets a header

Content-Type: text/xml

Otherwise responseXML is null

So what are my options?

PS: only js without any libraries. PPS: browser requirements: chrome, ff, ie8+

Edited: okay options, which one is better: 1)parse xhr.responsetext as a string 2)redirect to response page and parse it.How to do it, btw?

Answer 1

If i understand your question, you can only get your response back in text, yet you want to search for it as an HTML document, you can try creating a div and putting the html response as the innerHTML of the div.

var res = document.createElement( 'div' );
res.innerHTML = xhr.responseText;
res.querySelector("#ElementID")

Answer 2

Have you tried setting the responseType and/or using the overrideMimeType method?

xhr.responseType = 'document';
xhr.overrideMimeType('text/xml');