From php json_encode to jquery decode

Question

Im using a well known "hack" (the json encode function) to prevent some characters to mess up my html, im receiving from an API a description field that can content single or double quotes (and other special chars). So:

<div class="someThing" data-fulldescription=<?=json_encode($textFromApi);?>>
  ...
</div>

Now I read that data field using jquery and then print it inside a div:

$('#brand-modal-content').html($(this).parents('.someThing').data('fulldescription'));

The problem is, the quotes are now coded by the PHP function, and some characters get replaced by "\u00e8" or "\u00f9", is there a way to reformat the text using jquery?

Jon · Accepted Answer · 2014-09-02 13:50:00Z

2

You are injecting content into HTML in a very wrong (and even unsafe) way. Do this instead:

data-fulldescription="<?=htmlspecialchars(json_encode($textFromApi));?>"

This way the JSON will be properly encoded and safely injected no matter what is inside; then, you can decode it like so:

var decoded = JSON.parse($(this).parents('.someThing').data('fulldescription'));

The combination of these steps will perfectly preserve the JSON no matter what it represents (you can take shortcuts if you assume it's a string, but why not be always 100% safe?). You can then do whatever you want with the decoded value.

answered Sep 2, 2014 at 13:50

Jon

439k85 gold badges756 silver badges820 bronze badges

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

Collectives™ on Stack Overflow

From php json_encode to jquery decode

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