21

In Smarty, is there a standard function or an easy way to generate json from an array, as json_encode() does in php?

I could not see it in Smarty documentation, wanted to ask here.

2
  • Smarty is translated into PHP after all... so why not save a step, right ? :) Commented Aug 16, 2009 at 22:52
  • 6
    @Al, comment flagged, requirements are set by companies we work for, not by mere mortals like us. and dealing with comments like yours is worse than those requirements. cheers. Commented Aug 17, 2009 at 20:06

7 Answers 7

95

Now deprecated

This should work. The @ makes smarty run the modifier against the whole array, otherwise it does it for each element.

{$myarray|@json_encode}

If $escape_html is enabled, you will need to use nofilter:

{$myarray|@json_encode nofilter}
Sign up to request clarification or add additional context in comments.

7 Comments

I didn't know about the @ modifier! This answered the question.
As a note, to pass args you need the numerical value. Ie, JSON_UNESCAPED_SLASHES is 64. So, {$myarray|@json_encode:64 nofilter} would leave slashes un-escaped. stackoverflow.com/a/27806269/2418655
This is now deprecated with smarty 4.3.4
@Andreas Care to share with us what has replaced it? I could not find this in the documentation.
Unfortunately, nofilter doesn't escape apostrophes/single quotes, or double quotes, so for me it still produces invalid JSON.
|
11

While {$myarray|@json_encode} does in fact emit the array encoded in json, it also escapes special characters, making the array unusable in javascript.

To avoid escaping special characters and also be able to use the array in javascript use the nofilter flag:

{$myarray|@json_encode nofilter}

1 Comment

This only applies if your Smarty class has $escape_html set to true. I mean, it SHOULD be if you're doing it right, but still.
6

You have to use json_encode() in your php code then assign the value to smarty using $smarty->assign() function. After that you have to parse that value in your template file using javascript.

code snippet:

{literal}
<script>
var json = JSON.parse('{/literal}{$your_json_encoded_array}{literal}');
//another statement
</script>
{/literal}

Comments

2

While {$myarray|@json_encode nofilter} will work, there is a security hole here since we are doing variable escaping. Variable escaping (via nofilter) is highly discouraged because malicious code can be displayed and executed easily.

There is another approach to consider, using the 'javascript' escaping and replacing '&quot;' with ":

{literal}const my_javascript_array = JSON.parse(`{/literal}{json_encode($myarray)|escape:'javascript'}{literal}`.replaceAll('&quot;', '"'));

It is a bit convoluted, but you will thank yourself down the line for learning this trick :)

Comments

1
{literal}
<script type="text/javascript">
<!--
var newVar ={/literal}{$myarray|@json_encode nofilter};{literal}
// -->
</script>
{/literal}

My solution

Comments

1

Now with smarty 4.3.4, the @json_encode build in modifier is deprecated. You'll need to write your own modifier:

$smarty->registerPlugin('modifier', 'json_encode', function($json) {
   return json_encode($json, JSON_THROW_ON_ERROR);
});

Then you can use it in the template:

<script type="text/javascript">
  // we are setting some variables

  // nofilter disables html entity escaping
  var variables = {$variables|json_encode nofilter}; 
</script>
<!-- if you need to write the json_encoded string as html data attribute add |escape:'html' : -->
<script type="text/javascript" data-userinfo="{$variables|json_encode|escape:'html'}" src="..."></script>

Comments

0

I don't know of any. You could assign the json_encode()'s result to a smarty variable in your 'php code' with $smarty->assign( ... ), and then use it in your template.

Also there is a Smarty extension for json_decode(). It shouldn't be hard to write your own extension for the opposite based on this.

1 Comment

I thought there would be a way like {$var|json_encode}, Thanks anyways.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.