Question posted in
You can find the official documentation here.

JSON how to remove ' letters of the string – Jquery ajax

I’m trying to remove ' from my string. How to do that? I’m using ajax with JSON.
My code looks like this:

<html>
    <body>
    <p id="testHTML"></p>
    </body>
    <script type="text/javascript">
            
        $(document).ready(function() {
            $.ajaxSetup({ cache: false });
            setInterval(function() {
                $.getJSON("IOCounter.html", function(data) {
                    $('#testHTML').text(data.testHTML);
                });
            }, 2000); //Refreshrate in ms
        });
    </script>
    </html>

Inside testHTML, I get the string "HelloWorld" from IOCounter.html but when I display it inside index.html I get:

&#x27;HelloWorld&#x27;

Now I just want to remove &#x27; to get only HelloWorld. What do I have to do?

Tags:

2

Answers


  1. 0

    The string returned is HTML encoded. To get a plain text string, it needs to be decoded.

    DOMParser (supported in most browsers) can be used to decode the string as follows:

    function htmlDecode(str) {
    const doc = new DOMParser().parseFromString(str, "text/html");
    return doc.documentElement.textContent;
}

    Using this, you can decode the string and then set it to #textHTML.

    $.getJSON("IOCounter.html", function(data) {
    $('#testHTML').text(htmlDecode(data.testHTML));
});
    Login or Signup to reply.
  2. 0

    Homemade solution

    You can decode the Unicode characters with this function :

    export const unicodeDecode = (text: string) => {
  const decoded = text.replace(/&#x([0-9a-f]+);/gi, (_, code) =>
    String.fromCharCode(parseInt(code, 16))
  );
  return decoded;
};

    It will replace all #...; like &#x27; by the Unicode characters.

    In the callback function of replace, we take the code (for &#x27; its 27) and we replace it by its UTF value using String.fromCharCode(parseInt(code, 16))

    Node.JS solution

    Alternatively, in a Node.js application, you can use node-html-parser !

    Found in this answer

    import { parse } from 'node-html-parser';

const root = parse('<ul id="list"><li>Hello World</li></ul>');
console.log(root.querySelector('#list'));

    DOM Solution

    function htmlDecode(str) {
    const doc = new DOMParser().parseFromString(str, "text/html");
    return doc.documentElement.textContent;
}

    (from the first answer)

    But in all case, the homemade solution will work.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search