I want to send data’s in an html modal form (including an image)to controller through ajax post request. what are the possible ways to send it?

blade template:

<div class="modal fade" save-data="{{route('save.data')}}" fetch-desig="{{route('fetch.desig')}}" token="{{csrf_token()}}" id="newModal" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
    <div class="modal-dialog d-flex justify-content-center">
        <div class="modal-content w-75">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel1">Register</h5>
                <!-- <button type="button" class="btn-close" disabled aria-label="Close"></button>  -->
                <button type="button" class="btn btn-close" data-dismiss="modal" aria-label="Close" aria-hidden="true">
          
               </div>
            <div class="modal-body p-4">
                <form method="POST" enctype="multipart/form-data" id="formdata">
                @csrf
                   <!-- Name input -->
                    <div data-mdb-input-init class="form-outline mb-4">
                    <label class="form-label" for="name">Name</label>
                        <input type="text" id="name" name="fname" class="form-control" />
                    </div>
                   
                    <!-- Email input -->
                    <div data-mdb-input-init class="form-outline mb-4">
                      <label class="form-label" for="dob">dob</label>
                        <input type="text" id="dob" name="dob" class="form-control datepicker" />
                    </div>
                    <div data-mdb-input-init class="form-outline mb-4">
                      <label class="form-label" for="img">Image</label>
                        <input type="file" id="img" name="img" class="form-control" />
                    </div>


                    <!-- Submit button -->
                    <button type="button" id="submit_form" class="btn btn-primary btn-block">Submit</button>
                    <button type="button" id="cancel" class="btn btn-secondary btn-block">cancel</button>
                </form>
            </div>
        </div>
    </div>
</div>