Display laravel variable using javascript

Question

when i try dd($conv) the data are there, but I still can't display them inside the script. Anyone know whats the problem, I have tried many ways but they doesn't seem to work.

  <h4>{{$row->transcript_text}}</h4>
    <?php $conv = json_encode($row->transcript_text); ?>
    <script type="text/javascript">
        function splitArray() {
            var myStr = <?php echo $conv; ?>;
            var strArray = myStr.split(/(?= \| \d)/);

            // Display array values on page
            for (var i = 0; i < strArray.length; i++) {
                $("body").addClass('col-lg-offset-1').append("<h4>" + strArray[i] + "</h4>");
            })
        }
        splitArray();
    </script>

does it give any error in the console ? If not, what's the generated HTML ? — ValLeNain
– ValLeNain, Commented Mar 6, 2017 at 22:21
Thanks for asking ValLeNain, No error no data, I just got the blank page. If I do it another way I can display the data (meaning they are there) but I need to split those therefore I have to go this way. — MeliDev
– MeliDev, Commented Mar 6, 2017 at 22:25
no error, no data ? And you're sure $history is defined, not empty and iterable ? — ValLeNain
– ValLeNain, Commented Mar 6, 2017 at 22:28

ValLeNain · Accepted Answer · 2017-03-06 23:15:31Z

1

I don't know which version of Laravel you're using but the recommended way to embed plain PHP in your HTML templates is with the @php notation (cf doc). Anyway, that's something I'd try to avoid. Instead, Laravel blade has native ways of doing what you're trying to do.

@if(! empty($history))
    @foreach($history as $row)
    <script type="text/javascript">
        function splitArray() {
            var myStr = JSON.parse("{{json_encode($row->transcript_text) }}");
            var strArray = myStr.split(" | 0");

            // Display array values on page
            for (var i = 0; i < strArray.length; i++) {
                $("body").addClass('col-lg-offset-1').append("<h4>" + strArray[i] + "</h4>");
            }
        }
    </script>
    <body onload="splitArray()" style="color: lime">
    </body>
    @endforeach

answered Mar 6, 2017 at 23:15

ValLeNain

2,3542 gold badges23 silver badges40 bronze badges

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

1 Comment

MeliDev Over a year ago

I am using laravel 4.2 but this solution does not work, still getting just en emptu page

Collectives™ on Stack Overflow

Display laravel variable using javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related