Converting jQuery to plain JavaScript

Question

This is the jQuery code

success: function (html) {
         var text = $(html).text();
         if (text == '') {
            location.reload();
         } else {
            $("#warning2").html(html);

         }
 }

What I want is to convert $(html).text(); to plain JavaScript

Here is my plain JavaScript code but the page will not reload unlike jQuery code.

xhttp.onreadystatechange = function() 
{
    if (xhttp.readyState == 4 && xhttp.status == 200)
       {
       if (xhttp.responseText == "" || xhttp.responseText.textContent == "")
         location.reload();
       else
         document.getElementById("warning2").innerHTML = xhttp.responseText;
      }
};

Possible duplicate of Is there an easy way to convert jquery code to javascript? — Heretic Monkey
– Heretic Monkey, Commented Sep 15, 2018 at 2:02
In this case, it's because the jQuery is parsing the HTML returned, then finding if there's any text within the elements parsed, whereas the JavaScript is testing if there's any HTML returned. To parse the HTML in plain JavaScript, see stackoverflow.com/q/32250434/215552. — Heretic Monkey
– Heretic Monkey, Commented Sep 15, 2018 at 2:05

Hassan Sadeghi · Accepted Answer · 2018-09-15 04:52:39Z

0

Based on your description:

"What I want is to convert $(html).text(); to plain JavaScript"

So, I suppose you have a correct ajax function and your question is about converting that part of your code to pure js. (If you haven't it, you can check stackoverflow for links like this ).

Your code in jquery:

var text = $(html).text();

Same code in js:

var uDiv=document.createElement("div");
uDiv.innerHTML= xhttp.responseText;
var text=uDiv.children[0].innerText; //or .innerHTML

tip: in your last line (.innerHTML=...), if the response has script tags, you must separate them and create that script tags via code (similar my above code).

edited Sep 15, 2018 at 4:52

answered Sep 15, 2018 at 4:46

Hassan Sadeghi

1,3262 gold badges9 silver badges14 bronze badges

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

2 Comments

nothingn Over a year ago

i change some of your codes to make it work. my failure was i did not build an element.

Hassan Sadeghi Over a year ago

This was a trick. We don't append element to document never. I'm glad the problem solved.

Collectives™ on Stack Overflow

Converting jQuery to plain JavaScript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related