How to Avoid HTML Encoding in JQuery

Question

I'm calling a Web Service method to get some html data. When I set the returned data as innerHtml for a div tag then it is displayed as-is (literal text). I don't want my returned html data to be encoded. How to do this?

Here is my JQuery code:

$(document).ready(function () {
            $("#btnGetLaboratories").click(function () {
                var oService = new LaboratoryService();
                var fResult = oService.send(); // returns some html data

                $("#divResult").html(fResult);
            });
        });

Here is my html code:

<input id="btnGetLaboratories" type="button" value="Get Laboratories" />
    <div id="divResult">

    </div>

Just to clarify, you're seeing the literal HTML tags of fResult on the rendered page? Could you show an example of data it returns and how it looks on the page? It's not very clear what the problem is. — JJJ
– JJJ, Commented Jun 21, 2014 at 10:43
For example, if the return data is <b>hello</b>, then my div (i.e., divResult) innerHtml becomes <b>hello</b>; This is not what I'm expecting. I expect that a hello to be rendered on page. — Mohsen
– Mohsen, Commented Jun 21, 2014 at 10:50

Prasanth K C · Accepted Answer · 2014-06-21 10:58:46Z

1

Try using

$(document).ready(function () {
        $("#btnGetLaboratories").click(function () {
            var oService = new LaboratoryService();
            var fResult = oService.send(); // returns some html data

            var newData = $('<div/>').html(fResult).text();

            $("#divResult").html(newData);
        });
    });

Hope it will help

edited Jun 21, 2014 at 10:58

answered Jun 21, 2014 at 10:33

Prasanth K C

7,3926 gold badges42 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

How to Avoid HTML Encoding in JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related