Is it possible to make an ajax request inside another ajax request? because I need some data from first ajax request to make the next ajax request.

I tried to make a script, but i see that instead of GET, my request is POST and i dont know where is the problem..

<script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

        }
    });
    $('#file-upload').submit(function(e) {
        e.preventDefault();
        let formData = new FormData(this);
        $('#file-input-error').text('');
        $.ajax({
            type: 'POST',
            url: "{{ route('resume.store') }}",
            data: formData,
            contentType: false,
            processData: false,
            success: (response) => {
                if (response) {
                    this.reset();
                    $("#showResponseArea span").html(response); //you will paste your response msg to the 
                    $.ajax({
                        type: 'GET',
                        url: "{{ route('resume.api') }}",
                        dataType: 'json',
                        data: {
                            'url': response,
                        }
                    })
                }
            },
            error: function(response) {
                $('#file-input-error').text(response.responseJSON.message);
            }
        });
    });
</script>

CodePudding user response：

My code works perfectly, the real problem was in the controller, instead of:

public function fetch(Request $request)
{
    $cvupload = $request->url;
    $client = new Client();
    $res = $client->get("https://api.apilayer.com/resume_parser/url?url=$cvupload", [
        'headers' => [
            'apiKey' => 'xxx'
        ]
    ]);

my code was with $res = $client->post.