HTML entities from json result into input field

Question

From my API I get a json object with data. The special data is converted to HTML entities (using htmlspecialchars). Looks like this:

    {
        id: "0",
        title: "Hello & good day",
    }

However, when i fetch the data using $.getJSON, and insert the data into the input value, the & is still there.

How can I avoid this?

Answer 1

You can create a dummy element to pass the HTML entity in as the dummy element's html , then pass the text() of that dummy element to the input element's value:

var $dummy = $('<div/>', { html: 'Hello &amp; good day'});
$('input').val($dummy.text());

JSFiddle demo .

In one line:

$('input').val($('<div/>', { html: 'Hello &amp; good day'}).text());

Answer 2

If you are able to change the PHP to encode the text using rawurlencode , you can decode the string before setting it as the input value using:

input.value = decodeURIComponent(jsonData.title);

(assuming that jsonData.title is the encoded string from the response.