create ajax request with file upload with formData

how to create ajax request without using serialize

$("#addQuestionnaireBTN").click(function () {

      // get form and its dependences 

      var theForm = $("#addQuestionnaireForm");

      var formAction = theForm[0].action;

      var formMethod = theForm[0].method;

      var formData = new FormData($('#addQuestionnaireForm')[0]);  // use this code for form data in uploading files

        

      $.ajax({

          url: formAction ,

          method: formMethod ,                             

          data: formData ,

          processData: false,  // must provide this line

          contentType: false,  // must provide this line

          headers: {

              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

          },

          dataType: "json",

          success: function(data){

              // what you want

          },

          error: function(){

              // what you want

          }

      }) ; 



}) ;

Mahmoud Anwar

Back End Developer with a passion for developing innovative web applications that expedite the efficiency and effectiveness of organizational success. Well-versed in technology and writing code to create systems that are reliable and user-friendly. Also has the proven ability to motivate, educate, and collaborate effectively to build web applications and effectively track changes. Confident communicator, strategic thinker, and innovative creator to develop software that is customized to meet a company’s organizational needs, highlight their core competencies, and further their success.