The following isn't JSON: 

{"abc":"abc\'abc"}

[download]

What are you trying to do? You might be trying to generate a JavaScript string literal from JSON, but then you'd want something like the following. 

'{"abc":"abc\'abc"}'

[download]

If that's what you want, you can use the following: 

{
    my %translations = (
        "\r" => "\\r",
        "\n" => "\\n",
        "'"  => "\\'",
        "\\" => "\\\\",
    );
    
    my $meta_chars_class = join '', map quotemeta, keys %translations;
    my $meta_chars_re = qr/([$meta_chars_class])/;
    
    sub text_to_jslit {
        my $text = shift;
        $text =~ s/$meta_chars_re/$translations{$1}/g;
        return "'$text'";
    }
}

[download]

As a Template-Toolkit plugin: 

package Template::Plugin::JavaScriptLiteral;

use strict;
use warnings;

use Template::Plugin::Filter qw( );

our @ISA = 'Template::Plugin::Filter';

my %translations = (
    "\r" => "\\r",
    "\n" => "\\n",
    "'"  => "\\'",
    "\\" => "\\\\",
);
    
my $meta_chars_class = join '', map quotemeta, keys %translations;
my $meta_chars_re = qr/([$meta_chars_class])/;
    
sub init {
    my $self = shift;
    $self->install_filter('jslit');
    return $self;
}

sub filter {
    my ($self, $text) = @_;
    $text =~ s/$meta_chars_re/$translations{$1}/g;
    return "'$text'";
}

1;

[download]

For example, 

// PARAMS: { data => { abc => "abc'abc" } }

[% USE JSON %]
[% USE JavaScriptLiteral %]
var json = [% data | json | jslit %];
alert(json);  // {"abc":"abc'abc"}

[download]

However, one usually wants to assign the JSON to a JS var, not a string representation of it. 

// PARAMS: { data => { abc => "abc'abc" } }

[% USE JSON %]
var data = [% data | json %];
alert(data.abc);  // abc'abc

[download]

In reply to Re: Perl structure to Javacript-ready JSON by ikegami
in thread Perl structure to Javacript-ready JSON by Jeppe

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.