「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > jqueryやシリアル化なしでHTML5 formDataをJSONに変換する方法は?

jqueryやシリアル化なしでHTML5 formDataをJSONに変換する方法は?

2025-03-22に投稿されました
ブラウズ:397

How to Convert HTML5 FormData to JSON Without jQuery or Serialization?

html5 formdataをjsonに変換する:ステップバイステップガイド

問題:

jqueryのないjson全体にjson全体にjson全体を変換するか、 Object。 foreach。 formdata.foreach(function(value、key){ Object [key] = value; }); var json = json.stringify(object);

es6 arrow関数:

    var object = {}; formdata.foreach((value、key)=> object [key] = value); var json = json.stringify(object);
  1. マルチセレクトリストのサポート:
  2. フォームに複数の値を持つマルチセレクトリストまたは他の要素が含まれている場合、次のアプローチを使用できます。 formdata.foreach((value、key)=> { if(!refrect.has(object、key))){ Object [key] = value; 戻る; } if(!array.isarray(object [key])){ Object [key] = [object [key]]; } object [key] .push(value); });
formdataをサーバーに送信する:

サーバーにフォームデータを送信する場合は、JSONへの変換をスキップし、an xmlhttprequestまたはfet apiを使用してformdataオブジェクトを直接送信することができます。

var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);

json.stringify()メソッドは、すべてのタイプのオブジェクトをサポートしない場合があります。オブジェクトがサポートされていないタイプが含まれている場合、シリアル化ロジックを指定するためにカスタムTojson()メソッドを実装する必要がある場合があります。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3