access form data in controller via request variable

Question

I have a form modal and I am trying to send data using ajax post method to the controller method 'store' via my blade file.

//// temp.blade.php file

    <script type="text/javascript">
    $(document).ready(function() {

        $('#productForm').on('submit', function(e) {
            
            let data = $('#productForm').serialize();

            $.ajax({
                url: "posts",
                type: "POST",
                datatype: "json",
                data: {
                    "_token": "{{ csrf_token() }}",
                    data: data
                },
                success: function(response) //call back function
                {
                    $('#respanel').html(response);
                    $('#productForm')[0].reset();                    
                    alert(response.message);
                },
                error: function(error) {
                    console.log(error);
                    alert(error.message);
                }
            });
        });
    });
</script>

route file

//// web.php file

Route::get('posts', [PostController::class, 'index']);
Route::post('posts', [PostController::class, 'store']);

controler class::

class PostController extends Controller
{
   
    public function store(Request $request)
    {
        try {

            return response()->json([
                'status'=>200,
                'message'=> $request->data 
                ]);

             } catch (Exception $e) {
            return response()->json([
                'status'=>200,
                'message'=>$e->getMessage()
            ]);
        }

    }
   
}

When I send data as name = 'test' and detail = 'dummy-details' from my blade file, the controller store method show response as

id=&name=test&detail=dummy-details

but when I change the return response message variable to

return response()->json([
                'status'=>200,
                'message'=> $request->name // or $request->input('name')
                ]);

the response message is null

and when I do

return response()->json([
                'status'=>200,
                'message'=> $request->all()
                ]);

it shows [object Object]

What is the problem with the data format? How to get the data from the request variable? Thank You!!!

Maybe this is a controversial take but it's 2025, use something other than jQuery ajax for ajax requests (like axios or the built-in fetch) . jQuery ajax was built for a different era of the internet and doing something as simple as sending a JSON request is actually more complicated. — apokryfos
– apokryfos, Commented Jun 17 at 8:27

Joundill · Accepted Answer · 2025-06-16 21:23:47Z

1

$request->input('name') is the correct format.

The problem is your javascript.

This line serialises your form as a query string:

let data = $('#productForm').serialize();

And this part of your code tells the server you're sending json instead:

$.ajax({
    ...
    datatype: "json",

Instead of using let data = $('#productForm').serialize();, try this solution:

const formArray = $('#productForm').serializeArray();
let data = {};
for (var i = 0; i < formArray.length; i++){
    data[formArray[i]['name']] = data[i]['value'];
}

answered Jun 16 at 21:23

Joundill

7,84113 gold badges40 silver badges54 bronze badges

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

Comments

Omi Shah · Accepted Answer · 2025-06-17 03:05:37Z

0

You're wrapping the input data in the data field, which is why $request->name won't work since the data is within the $request->data property.

data: { "_token": "{{ csrf_token() }}", data: data}, // here you're wrapping the input data in the data field

To fix, you could simply do instead:

data: $('#productForm').serialize(),

and then you can access properties in the controller as:

$request->name

Note: Make sure you have @csrf tag within the form.

answered Jun 17 at 3:05

Omi Shah

6,3143 gold badges28 silver badges41 bronze badges

Collectives™ on Stack Overflow

access form data in controller via request variable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related