LaravelでAjaxリクエストを送信する方法


  1. jQueryを使用したAjaxリクエストの送信:

    $.ajax({
       url: '/your-endpoint',
       method: 'POST',
       data: {
           // リクエストパラメーター
           key1: 'value1',
           key2: 'value2'
       },
       success: function(response) {
           // リクエストが成功した場合の処理
           console.log(response);
       },
       error: function(jqXHR, textStatus, errorThrown) {
           // リクエストが失敗した場合の処理
           console.log(textStatus + ': ' + errorThrown);
       }
    });
  2. axiosを使用したAjaxリクエストの送信:

    axios.post('/your-endpoint', {
       // リクエストパラメーター
       key1: 'value1',
       key2: 'value2'
    })
    .then(function(response) {
       // リクエストが成功した場合の処理
       console.log(response.data);
    })
    .catch(function(error) {
       // リクエストが失敗した場合の処理
       console.log(error);
    });
  3. Laravelの組み込みのRequestクラスを使用したAjaxリクエストの処理:

    public function yourEndpoint(Request $request)
    {
       // リクエストパラメーターの取得
       $value1 = $request->input('key1');
       $value2 = $request->input('key2');
    
       // リクエストの処理
       // ...
    
       // レスポンスの返却
       return response()->json(['message' => 'Success']);
    }

これらはLaravelでAjaxリクエストを送信するための一般的な方法です。必要に応じてエンドポイントURLやリクエストパラメーターを適切に変更してください。また、上記の例ではPOSTメソッドを使用していますが、GETや他のHTTPメソッドも同様に使用できます。