how to parse javascript object to laravel component?

Question

I am making an ajax get request to my laravel backend, the response (json response) includes array of products, in the ajax success function I am looping over the products array to render them in my html elements.

here is my controller response from laravel backend :

return response()->json(['products'=>$products]);

and here in my ajax success function (front end) I am looping over the products:

$.each(res.products, function(index, product){
    rest += `{!! Theme::partial('product-item', compact('product')) !!}`;
});

I just need to put the product variable (loop parameters) in my compact function (loop body)

how can I parse the 'product' from the response to the 'product' in the compact function?

thanks in advance.

I made some researches about this problem but I was unfortunate

Mah Sh · Accepted Answer · 2022-11-10 13:33:16Z

1

Solved it, I was able to generate the html required before returning the ajax response, so I've generated the required data and returned it as a string, then in the blade component I had to concatinate the html string.

answered Nov 10, 2022 at 13:33

Mah Sh

132 bronze badges

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

Comments

Mustafa Poya · Accepted Answer · 2022-11-14 03:36:28Z

0

What I suggest is this :

Try to console.log the variable products to get the structure of your json then this should do the trick

var products = await request.json();
index=0;
for(product in products)
{
    // depends on your json response
    console.log(product[index])
    // pay attention to the index you're trying to get
}

edited Nov 14, 2022 at 3:36

Mustafa Poya

3,1236 gold badges30 silver badges48 bronze badges

answered Nov 10, 2022 at 12:01

AdBess

115 bronze badges

Collectives™ on Stack Overflow

how to parse javascript object to laravel component?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related