{"flag":true,"single":true,"pageTitle":"AJAX in laravel","post":{"id":250,"user_id":"1","slug":"ajax-in-laravel-oako","title":"AJAX in laravel","body":"<p><strong>&nbsp;IN VIEW: <br>1. First of all add csrf token in head and button inside any div or other location<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>&lt;meta name=\"csrf-token\" content=\"{{ csrf_token() }}\"&gt;\r\n &lt;button data-id=\"26\" type=\"button\"&gt;Click to Get details&lt;\/button&gt;<\/code><\/pre>\r\n<p><strong>2. add ajax code<\/strong>&nbsp;<\/p>\r\n<pre class=\"language-markup\"><code>&lt;script&gt;\r\n    $(document).ready(function() {\r\n        $(\".use_me_button\").click(function(){    \r\n            var baseUrl = \"{{ url('\/') }}\";\r\n            console.log(\"ists base url\",baseUrl);\r\n            var idis = $(this).attr(\"data-id\");\r\n            const url = '\/get_order_det\/'+idis;\r\n           var formData = {\r\n               'name'  : 'rizwan',\r\n               'email': 'gondal@gm',\r\n           };\r\n            $.ajax({\r\n                url: url,\r\n                type: 'POST',\r\n                data: formData,\r\n                headers: {\r\n                    'X-CSRF-TOKEN': $('meta[name=\"csrf-token\"]').attr('content')\r\n                },\r\n                success: function(response) {\r\n                    $(\"#order_detis\").html(response);\r\n                },\r\n                error: function(xhr, status, error) {\r\n                    console.error(error);\r\n                }\r\n            });\r\n        });\r\n    });\r\n&lt;\/script&gt;<\/code><\/pre>\r\n<p><strong>3. IN CONTROLLER:<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>public function get_order_det($id){\r\n        return response()-&gt;json(['flag' =&gt; true, 'message' =&gt;\"data is returned abcdef\"],200);\r\n    }<\/code><\/pre>\r\n<p><strong>4. IN ROUTE:<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>Route::post('get_order_det\/{id}', 'get_order_det')-&gt;name('get_order_det')-&gt;middleware('admin_or_user');;<\/code><\/pre>","category_id":"2","is_private":"0","created_at":"2024-08-01T12:55:22.000000Z","updated_at":"2024-11-06T03:37:19.000000Z","category":{"id":2,"user_id":"1","name":"Laravel Core","slug":"laravel-nhyt","parent_id":"1","created_at":"2023-03-14T03:58:27.000000Z","updated_at":"2023-03-20T11:30:50.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"&nbsp;IN VIEW: 1. First of all add csrf token in head and button inside any div or other location &lt;meta name=\"csrf-token\" content=\"{{ csr - AJAX in laravel (Updated: November 6, 2024) - Read more about AJAX in laravel at my programming site [SITE]","categories":[]}