Convert a Laravel Collection/Array to a Javascript Array

Question

I would like to assign an array from Laravel to a JavaScript array. I have gotten the array from my AppServiceProvider and json_decoded it like:

View::composer('*', function($view)
{
   $users = Users::all();
   $view->with(compact(users );
}

I then access my $usersArray from my javascript file like:

  var dataSet = JSON.parse({!!$users !!});

I am however getting the following error;

jQuery.Deferred exception: Unexpected token o in JSON at position 1 SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)

Check the actual output in the page. What does the JS code look like? Debug it from there — Rory McCrossan
– Rory McCrossan, Commented Mar 20, 2019 at 9:29
In which case case you should Google the error. It leads to this: stackoverflow.com/q/43217872/519413 — Rory McCrossan
– Rory McCrossan, Commented Mar 20, 2019 at 9:38

Zakaria Acharki · Accepted Answer · 2019-03-21 14:52:09Z

7

Since you're encoding it in the server side, you need to decode it in the client side like:

$chequesArray = Users::all()->toJson();

var dataSet = JSON.parse({!!json_encode($chequesArray)!!});

Or also Using "base64_encode" to conserve the json format like:

$chequesArray = base64_encode(Users::all()->toJson());

var dataSet = JSON.parse(atob('{{$chequesArray}}');

The main difference comes from the use of {{ }} vs {!! !!}, the first one escapes the special chars so it will turn the quotes "" to " then the JS will be unable to parse the string (that why we can use `base64_encode``to conserve the format), the second one will conserve the format and allow the quotes what gives the JS part the ability to parse it simply.

edited Mar 21, 2019 at 14:52

answered Mar 20, 2019 at 9:35

Zakaria Acharki

67.5k15 gold badges78 silver badges106 bronze badges

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

10 Comments

gerry Over a year ago

Thank you for your answer. I am now getting the error "jQuery.Deferred exception: Unexpected token & in JSON at position 2 SyntaxError: Unexpected token & in JSON at position 2"

Zakaria Acharki Over a year ago

You're welcome, That happens because "$users" isn't an array it's a collection.

gerry Over a year ago

Okay. Kindlyy explain how I can convert it from an collection to an array

gerry Over a year ago

Thank you very much Zakaria. It works! Please please explain what just happened

gerry Over a year ago

Ok. Noted. Thanks again Zakaria

|

narayansharma91 · Accepted Answer · 2019-03-20 09:29:29Z

-2

var dataSet = @php $chequesArray @endphp;

answered Mar 20, 2019 at 9:29

narayansharma91

2,3531 gold badge14 silver badges20 bronze badges

Collectives™ on Stack Overflow

Convert a Laravel Collection/Array to a Javascript Array

2 Answers 2

10 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related