ホームページ > ウェブフロントエンド > jsチュートリアル > ASP.NET MVCでFormData経由でモデルを追加および受信する方法は?

ASP.NET MVCでFormData経由でモデルを追加および受信する方法は?

Susan Sarandon
リリース: 2024-12-22 06:12:10
オリジナル
894 人が閲覧しました

How to Append and Receive a Model via FormData in ASP.NET MVC?

Formdata でのモデルの追加と受信

モデル オブジェクトを formdata オブジェクトの一部として渡し、コントローラーで取得するには、次のことを考慮してください。次のアプローチ:

JavaScript:

  1. FormData オブジェクトの作成:

    var formdata = new FormData($('form').get(0));
    ログイン後にコピー
  2. を使用してモデルを JSON に変換JSON.stringify():

    let model = {
      EventFromDate: fromDate,
      EventToDate: toDate,
      ...
    };
    const modelJson = JSON.stringify(model);
    ログイン後にコピー
  3. JSON 文字列を formdata に追加します:

    formdata.append("model", modelJson);
    ログイン後にコピー

AJAX呼び出し:

$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,
});
ログイン後にコピー

コントローラー:

  1. アクションを [HttpPost] 属性で装飾して、HTTP POST リクエストを受信することを示します。
  2. 適切なモデルのパラメータを宣言しますtype:

    [HttpPost]
    public ActionResult YourActionName(YourModelType model)
    {
      // Your code to process the model here...
    }
    ログイン後にコピー
  3. ASP.NET MVC は、JSON モデル文字列を適切なモデル タイプに自動的にバインドします。

このアプローチでは、モデル全体を次のように追加できます。 JSON データを formdata に変換し、それをモデル オブジェクトとしてコントローラーで取得することで、コントローラー アクションで複雑なモデルを操作できるようになります。

以上がASP.NET MVCでFormData経由でモデルを追加および受信する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート