jQuery と Ajax を使用してデータとファイルを送信していますが、データとファイルの両方を 1 つのフォームで送信する方法がわかりません。

現在、両方のメソッドをほぼ同じ方法で使用していますが、データを配列に収集する方法が異なり、データは .serialize(); を使用し、ファイルは を使用します。 ;= 新しい FormData($(this)[0]);

これら 2 つの方法を組み合わせて、Ajax 経由で 1 つの形式でファイルとデータをアップロードすることは可能ですか?

データ jQuery、Ajax、html

$("form#data").submit(function(){ var formData = $(this).serialize(); $.ajax({ URL: window.location.pathname, タイプ: 'POST'、 データ: フォームデータ、 非同期: false、 成功: 関数 (データ) { アラート(データ) }、 キャッシュ: false、 contentType: false、 プロセスデータ: false }); false を返します。 }); <フォーム id="データ" メソッド="投稿">    <ボタン>送信 

ドキュメント jQuery、Ajax、html

$("form#files").submit(function(){ var formData = 新しい FormData($(this)[0]); $.ajax({ URL: window.location.pathname, タイプ: 'POST'、 データ: フォームデータ、 非同期: false、 成功: 関数 (データ) { アラート(データ) }、 キャッシュ: false、 contentType: false、 プロセスデータ: false }); false を返します。 }); 
  <ボタン>送信 

Ajax 経由でデータとファイルを 1 つの形式で送信するには、上記をどのように組み合わせればよいですか?

私の目標は、これらすべてのフォームを Ajax 経由でまとめて送信できるようにすることですが、これは可能ですか?

     提交