Ajax ??? ?????? ?? ? ???? ??, 2. ???? ????? CSRF ?? ?? ?? ??, 3. jQuery? ???? CSRF ??? ???? ??? ??? ??? ??? ????, 4. Laravel?? JSON ?? ??? ???? ??? ?? ?? ??? ???? ?? JQUERY? ???? ?? ????. ?? ????? AJAX ??? ?? ? ???? ???? ??? ??? ???? ?? ? ??? ???? ???????.

Laravel?? jQuery? Ajax ??? ???? ?? ???? ?? ? ? ?? ????? ?? ? ? ???? ?????. Laravel? ?? CSRF ??, ??? ? JSON ?? ?? ??? ??? ??? ?? ?? ? ? ????. ??? ????? ???? ???? ?????.

? 1. ??? ????? ??????

?? AJAX ??? ?? ? routes/web.php ?? ??? ??????.

 // loutes/web.php
Illuminate \ http \ request? ??????.
app \ http \ ???? \ ajaxcontroller? ??????.

route :: post ( '/save-data', [ajaxcontroller :: class, 'savedata']);

?? ?? ????? ????.

 // app/http/????/ajaxcontroller.php
?? ???? ? \ http \ ????;

Illuminate \ http \ request? ??????.

??? AjaxController? ????? ?????
{
    ?? ?? ??? (?? $ ??)
    {
        // ??? ?????
        $ request-> Validate ([[
            'name'=> '?? | ??? | max : 255',
            '???'=> '?? | ???',
        ]);

        // ???? ??? (? : DB? ??)
        // user :: create ($ request-> all ());

        return response ()-> json ([[
            '??'=> '??',
            '???'=> '???? ????? ???????!'
        ]);
    }
}

? 2. ???? ???? CSRF ??? ??????

Laravel? ?? ??? ?? CSRF ??? ?????. AJAX ??? ?? CSRF ??? ???????.

???? ???? ??? ??????.

 <meta name = "csrf-token"content = "{{csrf_token ()}}">

?? ?? jQuery? $('meta[name="csrf-token"]').attr('content') ? ?? ??? ??? ? ? ????.

? 3. jQuery ajax ??? ??????

?? jQuery? ???? AJAX ??? ?????. jQuery? ?? ???? ????? ???? ??? ?? ?? JS ??? ??????.

 <script src = "https://code.jquery.com/jquery-3.6.0.min.js"> </script>
<cript>
$ .AjaxSetup ({
    ?? : {
        &#39;x-csrf-token&#39;: $ ( &#39;meta [name = "csrf-token"]&#39;). attr ( &#39;content&#39;)
    }
});

$ ( &#39;##savebtn&#39;). on ( &#39;click&#39;, function () {
    $ .ajax ({
        URL : &#39;/save-data&#39;,
        ?? : &#39;post&#39;,
        ??? : {
            ?? : $ ( &#39;#name&#39;). val (),
            ??? : $ ( &#39;#email&#39;). val ()
        },
        ?? : ?? (??) {
            ?? (?? .message);
            Console.log (??);
        },
        ?? : ?? (xhr) {
            if (xhr.status === 422) {
                // ??? ?? ??
                ??? xhr.responsejson.errors? ???.
                $ .Each (??, ?? (??, ???) {
                    ?? (??? [0]); // ? ?? ??? ?????
                });
            } ? ?? {
                ?? ( &#39;??? ??????.&#39;);
            }
        }
    });
});
</????>

??? ??? ?? :

 <??>
    <?? ?? = "text"id = "name"placeholder = "name">
    <?? ?? = "???"id = "???"?? ?? ? = "???">
    <?? ?? = "??"id = "savebtn"> ?? </button>
</form>

? 4. JSON ?? ? ??? ?????

• Laravel?? response()->json() ???? ??? ? ??? ??????.
• jQuery?? ??? ?? ?? (HTTP 422) ? ?? ?? ??? ??????.
• ?? ?? ??? ?? ????? ??????. ????? ? ??? ??? ???? ????.

? ? ? ?? ??

• @csrf ?? ?? ??? ?????? : ? ?? ?? ????? ?? ??? Ajax? ?? ? ?????.
• $.ajaxSetup() ???? ???? ??? ???? ?? ???? CSRF? ???? ???????.
• ???? JSON ?? : ???? ?? status , message ? data ?? ??????.
• ??? ???? ???? ???? .
• DevTools? ??? : ???? ?? ???? ?? ???? ? ??? ??????.

? ?? ?? : jQuery ?? Axios? ??????

JQuery? ? ????? ?? ?? Axios ??? ??????.

 axios.post ( '/save-data', {
    ?? : 'John',
    ??? : 'john@example.com'
})
. ??? (?? => {
    Console.log (Response.Data);
})
.catch (error => {
    console.error (error.response.data);
});

Axios? ???? JSON? ???? ????? ?? CSRF? ?? ? ? ????.

?? ??! ?? jQuery? ???? Laravel?? Ajax ??? ???? ??? ?? ? ? ????. ?????? : ????? ????, CSRF ??? ?????, ??? ???? ???????.

? ??? jQuery? ?? Laravel?? Ajax ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!