Laravel: how to use laravel blade inside javascript?

Question

Let's say i have data coming from my controller through Javascript. So the data is paginated and i want display pagination result inside the javascript. I mean...I want to use the links() method inside javascript.

Controller

$schedules= DB::table('schedules')
                ->paginate(4);

Javascript,

success:function(schedules)
{
    console.log(schedules);
    $('#table').append(' <ul class="pager">'+{{  $schedules>links() }}+'</ul>');
})

But unfortunately not working, any help guys?

Couldn't you just pop the results in a div that's hidden then only show the div once the success is called? — Mat
– Mat, Commented Jul 24, 2019 at 23:45

ashab firdaus · Accepted Answer · 2019-07-25 09:26:16Z

1

Push html paginate results from the controller, Enter the javascript code in the blade file, maybe

//controller

$paginate = '';
$paginate .= $datas->links();

//JS code in the blade file

<script type="text/javascript">
let paginate = '<div>';
    paginate += {!! json_encode($paginate) !!}
    paginate += '</div>'
consolelog(paginate)
</script>

answered Jul 25, 2019 at 9:26

ashab firdaus

112 bronze badges

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

Comments

Devin Norgarb · Accepted Answer · 2019-07-25 00:53:46Z

0

You have an error in your blade syntax {{ }}:

    $('#table').append(' <ul class="pager">'+{{ + $schedules>links() }}+'</ul>');

Remove the extra plus + icon before + $schedules>links() like so:

 $('#table').append(' <ul class="pager">'+{{ $schedules>links() }}+'</ul>');

answered Jul 25, 2019 at 0:53

Devin Norgarb

1,17914 silver badges18 bronze badges

Comments

Jovs · Accepted Answer · 2019-07-25 00:42:06Z

0

I think you can just convert the collection to a JSON.

Try this one:

Controller

$schedules= DB::table('schedules')
                    ->paginate(4)->toArray();

return response()->json($schedules);

Javascript Ajax

success:function(schedules)
{
    console.log(schedules);
    $('#table').append(' <ul class="pager">'+schedules.links+'</ul>');
})

But in what I see, you're using the schedules also on your blade. In that case you can have a different function called for the ajax in your controller and different route.

Hope it helps!

answered Jul 25, 2019 at 0:42

Jovs

8921 gold badge9 silver badges24 bronze badges

Collectives™ on Stack Overflow

Laravel: how to use laravel blade inside javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related