Parsing and looping through a javascript array of objects in PHP Laravel

Question

I'm wanting to parse this array of objects into something PHP can read so that I can save it into the database. Here's the array of objects, this is from a console log, and is what is being sent to my axios post:

"user_id": 4,
Array [
  Object {
    "cartID": "33S",
    "id": 33,
    "image": "http://myurl/uploads/5db88f40c857dtest.jpg",
    "name": "testt",
    "quantity": 1,
    "size": "S",
  },
  Object {
    "cartID": "32S",
    "id": 32,
    "image": "https://dummyimage.com/600x400/000/fff",
    "name": "pottery",
    "quantity": 1,
    "size": "S",
  },
  Object {
    "cartID": "34S",
    "id": 34,
    "image": "http://myurl/uploads/5db8918fac485test.jpg",
    "name": "Nature",
    "quantity": 1,
    "size": "S",
  },
]

On PHP I have:

public static function AddOrder(Request $request)
{
    $add = DB::table('Orders')->insert([
        'user' => $request->user_id
    ]);

    $items = json_decode($request->cartItems, true);

    foreach ($items as $item) {
        DB::table('order_items')->insert([
            'order_id' => DB::table('orders')->latest('user_id')->first(),
            'product'  => $item->id,
            'quantity' => $item->quantity,
            'size'     => $item->size
        ]);
    }
    return $add;
}

Whenever I try this I always end up get an error cartItems can't be null. I've even tried just returning cartItems before anything in AddOrder is ever ran but it just says that it's null. I am using axios to send it like:

 axios.post('http://myurl/api/orders/create', {
    cartItems: cart,
    user_id: user.id
  })
  .then(res => {
    console.log(res.data)
  })
  .catch(err => {
    console.log(err)
  })

I've also tried another way

    let newReq = {
      user_id: 1
  };

  for(let i = 0; i < cart.length; i++) {
      Object.keys(cart[i]).forEach((key) => {
          let newkey = 'cartItems[' + i + '][' + key + ']';

          newReq[newkey] = cart[i][key];
      });
  }

With that being sent, on Laravel to respond to the client I use:

return response()->json($request->all());

I get

Object {
  "cartItems[0][cartID]": "33S",
  "cartItems[0][id]": 33,
  "cartItems[0][image]": "http://trayvonnorthern.com/Edgewood-API/public/uploads/5db88f40c857dtest.jpg",
  "cartItems[0][name]": "testt",
  "cartItems[0][quantity]": 1,
  "cartItems[0][size]": "S",
  "cartItems[1][cartID]": "32S",
  "cartItems[1][id]": 32,
  "cartItems[1][image]": "https://dummyimage.com/600x400/000/fff",
  "cartItems[1][name]": "pottery",
  "cartItems[1][quantity]": 1,
  "cartItems[1][size]": "S",
  "cartItems[2][cartID]": "34S",
  "cartItems[2][id]": 34,
  "cartItems[2][image]": "http://trayvonnorthern.com/Edgewood-API/public/uploads/5db8918fac485test.jpg",
  "cartItems[2][name]": "Nature",
  "cartItems[2][quantity]": 1,
  "cartItems[2][size]": "S",
  "user_id": 1,
}

when I do

return response()->json($request->cartItems);

It returns nothing.

When you use $request->user_id is it null too? Please, add a dd($request->all()); in your question. — Jean Marcos
– Jean Marcos, Commented Oct 30, 2019 at 13:30
as Jean said, please do dd($request->all()); in the very start of your AddOrder, and ensure that you have got any data from axios request — Roman Meyer
– Roman Meyer, Commented Oct 30, 2019 at 14:18
Well I'm using laravel as a REST API. Isn't just returning a response to my client side gonna achieve the same thing? — Mike Shiv
– Mike Shiv, Commented Oct 30, 2019 at 14:35
dd returns a generated HTML page with the contents of the response in a readable format. In your case, returning response()->json($request->all()) should suffice — Ayrton
– Ayrton, Commented Oct 30, 2019 at 14:47

Ayrton · Accepted Answer · 2019-10-30 15:54:11Z

2

Axios doesn't seem to accept the request format I used on my previous answer, so I deleted it. However, it seems to accept requests in this format (which is what you initially used. my mistake, really):

let request = {
    user_id: 1,
    cartItems: [
        {
            "cartID": "33S",
            "id": 33,
            "image": "http://myurl/uploads/5db88f40c857dtest.jpg",
            "name": "testt",
            "quantity": 1,
            "size": "S",
        },
        {
            "cartID": "32S",
            "id": 32,
            "image": "https://dummyimage.com/600x400/000/fff",
            "name": "pottery",
            "quantity": 1,
            "size": "S",
        },
        {
            "cartID": "34S",
            "id": 34,
            "image": "http://myurl/uploads/5db8918fac485test.jpg",
            "name": "Nature",
            "quantity": 1,
            "size": "S",
        }
    ]
}

Then, you can send the request object with axios.post. To access it on your back-end, use $items = $request->cartItems. There is no need to parse it.

answered Oct 30, 2019 at 15:54

Ayrton

2,3131 gold badge16 silver badges25 bronze badges

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

9 Comments

Mike Shiv Over a year ago

no problem. This is now allowing me to get cartItems. awesome! Now there's one more issue. I've tried a foreach that looks something like: foreach($cartItems as $cartItem) { return response()->json($item->name)} but get an error.

Mike Shiv Over a year ago

just returning $item returns a single object but not able to access the properties. Sorry this is my first time attempting to use a client side cart and convert it into a PHP array

Ayrton Over a year ago

@MikeShiv Are you accessing the item properties using object notation or array notation?

Mike Shiv Over a year ago

object notation. Since I'm on a mobile app I just get a 500 error so hard to tell there but when I try on postman I just get a invalid argument for foreach

Ayrton Over a year ago

@MikeShiv Try using array notation like this: $size = $request->cartItems[0]['size'];. Laravel doesn't parse your objects back into objects, but into keyed arrays.

|

Kalesh Kaladharan · Accepted Answer · 2019-10-30 16:03:50Z

0

When sending Objects or Arrays to Laravel API using Axios, try converting the payload to JSON string.

Try this on your client side

const your_payload_object = { user_id : 1, cart_items:[{id:1},{id:2},{id:3}] };

axios.post(url, JSON.stringify(your_payload_object), {"Content-type": "application/json"})

You can access the data on laravel like

$userId = $reequest->user_id;

$cart_items = $request->cart_items;

// Which will be an array as given below
//
// $cart_items = 
//      [ 
//         ["id" => 1], 
//         ["id" => 2], 
//         ["id" => 3] 
//      ];

answered Oct 30, 2019 at 16:03

Kalesh Kaladharan

1,0581 gold badge9 silver badges29 bronze badges

Collectives™ on Stack Overflow

Parsing and looping through a javascript array of objects in PHP Laravel

2 Answers 2

9 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related