how can i Parse an HTML response text of an XMLHttpRequest using js?

Question

here is the my code code :

const http = new XMLHttpRequest();
const url  = 'http://page/';

http.open('get', url, false);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

http.onreadystatechange = function ()
{
  if(http.readyState === 4)
  {
    if(http.status === 200 || http.status == 0)
    {
        let str = (http.responseText);
        results = document.getElementById('test').value;
        alert(results)
    }
  }
}

http.send();

how i can sort the str into html so i can get the value using document.getElementById ?

i have tried

var doc = document.implementation.createHTMLDocument("example");

doc.documentElement.innerHTML = http2.responseText; 

let test1 = doc.body.querySelector("#test").value;

it worked but it give me an empty value and when i looked at the response preview i found the value bar empty and the options are like in the factory default status . and when i looked in the html code of the page found the value in this line

<script language=javascript>Transfer_meaning('test','\12345678');</script>

If test is in the the response you would need to add the html to the document before calling getElementById — Patrick Evans
– Patrick Evans, Commented Jun 20, 2019 at 23:20
What kind of HTML element carries the id test? If it is eg. an input element, setting the innerHTML does not magically generate a valueattribute ! Also check out what the response contains and check out the mime type that is delivered ( console.log('type: ' + responseType); in JS ). — collapsar
– collapsar, Commented Jun 20, 2019 at 23:39

Julien · Accepted Answer · 2019-06-20 23:20:59Z

0

If responseText is a plain text HTML, you could do this

document.getElementById('test').innerHTML = str;

answered Jun 20, 2019 at 23:20

Julien

8527 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

17 Comments

mina nageh Over a year ago

i have tried it but didn't work let str2 = (http2.responseText); document.querySelector("#test").innerHTML = str2; got Cannot set property 'innerHTML' of null . while this worked ` var doc = document.implementation.createHTMLDocument("example"); doc.documentElement.innerHTML = http2.responseText; let test1 = doc.body.querySelector("#test").value;` but it give me an empty value ! and when i looked at the response preview i found the value bar empty and the options are like in the factory default status . and when i looked in the

Julien Over a year ago

We can't help you if you don't show us the code. What is inside http.responseText?

mina nageh Over a year ago

html code of the page found the value in this line <script language=javascript>Transfer_meaning('test','\12345678');</script>

mina nageh Over a year ago

@MisterJojo what now ?

Julien Over a year ago

It's incomprehensible.

|

Lucas Taulealea · Accepted Answer · 2019-06-20 23:56:37Z

0

If you were using jquery:

Provided the response was something like:

let str = "<body><p>Paragraph Here</p><input id='test' value='foo'></body>";

Replace this line:

results = document.getElementById('test').value;

with this line:

let results = $('input#test', "<div>"+str+"</div>").val();

From this answer

answered Jun 20, 2019 at 23:56

Lucas Taulealea

3952 silver badges12 bronze badges

2 Comments

mina nageh Over a year ago

unfortunately i am not using jquery

collapsar Over a year ago

@minanageh Consult this SO answer on how to load jquery ad-hoc without editing the page html directly

Collectives™ on Stack Overflow

how can i Parse an HTML response text of an XMLHttpRequest using js?

2 Answers 2

17 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

17 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related