MVC で FormData を使用して完全なモデル オブジェクトを渡したり取得したりする方法は?

MVC で FormData を使用したモデル データの受け渡しと取得

FormData を介して完全なモデル オブジェクトを渡すことは、ウェブアプリケーション。これを実現する方法は次のとおりです。

JavaScript:

フォーム要素で FormData() コンストラクターを使用してモデルをシリアル化します:

var formdata = new FormData($('form').get(0));

これにより、.

AJAX リクエスト:

適切な設定で AJAX リクエストを構成します:

$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,         
});

コントローラー:

コントローラーで、 request:

[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}

MVC は、シリアル化されたモデル データを YourModelType のインスタンスに自動的にバインドします。モデルに HttpPostedFileBase のプロパティが含まれている場合、コントローラー アクションにはそのパラメーターも含めることができます。

追加データ:

追加のデータを含める必要がある場合は、がフォームに存在しない場合は、FormData オブジェクトで append() メソッドを使用できます。

formdata.append('someProperty', 'SomeValue');

次のようにします。これらの手順を実行すると、AJAX リクエスト中に FormData を介して完全なモデル オブジェクトを転送し、その後の処理のために対応するコントローラー アクションでそれを簡単に取得できます。

以上がMVC で FormData を使用して完全なモデル オブジェクトを渡したり取得したりする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。