json_encode does not display HTML

Question

I am bringing some data from the database, and some of them have HTML tags such as "Hello". However, when step data through to return it shows json_encode in "Hello". What should I do to return the same data that was saved in the database?

PHP:

$retorna = array(
    'conteudo_programatico' => $conteudo_programatico,
    'investimento' => $investimento,
    'coordenacao' => $coordenacao,
    'importante' => $importante
);

echo json_encode($retorna);

AJAX:

$(function(){
    $("button").click(function(){
        var id = $(this).attr("id");
        $.ajax({  
            type: "POST",
            data: {id: id},
            url: "paginas/ajax/form.php",
            dataType: "json",
            success: function(data){
                $("#cursos").slideDown();
                $(".call-conteudo").text(data['conteudo_programatico']);
                $(".call-investimento").text(data['investimento']);
                $(".call-coordenacao").text(data['coordenacao']);
                $(".call-importante").text(data['importante']);
            },
        });
    });
});

json-encode doesn't do html encoding. if those chars are coming through as html entities, then something ELSE is doing the encoding, long before json_encode() ever got close to them. — Marc B
– Marc B, Commented Apr 16, 2015 at 18:38

jeroen · Accepted Answer · 2015-04-16 18:40:40Z

3

The problem is your use of jQuery's .text():

$(".call-conteudo").text(data['conteudo_programatico']);
// etc.

According to the manual:

We need to be aware that this method escapes the string provided as necessary so that it will render correctly in HTML. To do so, it calls the DOM method .createTextNode(), does not interpret the string as HTML

...

The code $( "div.demo-container" ).text( "This is a test." ); will produce the following DOM output:

 1 <div class="demo-container">
 2   &lt;p&gt;This is a test.&lt;/p&gt;
 3 </div>

You need html():

$(".call-conteudo").html(data['conteudo_programatico']);
// etc.

answered Apr 16, 2015 at 18:40

jeroen

91.8k22 gold badges117 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

json_encode does not display HTML

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