概要FormDataオブジェクトとは、フロントエンドのデータをサーバに送るためのオブジェクトです。これを使えば、HTMLのフォームの形式にとらわれずに、サーバにデータを送信することができます。Ajaxと組み合わせて利用するのが一般的です。「Ajaxって何?」という方は以下の記事をご参照ください。Ajaxを使って画面をリロードせずにPHPを動かす(初心者向け)JavaScriptを使えば、画面上の表示を変えることは簡単にできます。下記のコードで送信先URLに、データをPost送信できます。//送信先URLにデータを送信する。});<script>仮にサーバサイドがPHPだとすると、$_POST[‘text’]で送信した値を受け取ることができるわけです。FormData();fd.append("key","value");同じキーの値をセットした場合は両方が共存します。fd.append("key","value");fd.append("key","value2");//key:valueとkey:value2が共存するset():値のセットfd.set("key","value");同じキーの値は新しい値で更新されます。fd.set("key","value");fd.set("key","value2");//key:value2だけが残る。delete():値の削除//指定したキーの値を削除。fd.delete("key");get()・getAll():キー指定で値の取得//指定したキーの値を取得。fd.get("key");//指定したkeyのvalueが複数ある場合に、配列形式で値を取得。fd.getAll("key");//key:value、key:value2の2つがあった場合は[value1,value2]のように取得できる。entries():全てのキーと値の取得fd.entries();//キー・値の組み合わせを全て取得できます。全てのキーと値をconsole.logでチェックするセットしたキーと値を全てconsole.logで出力することもできます。先述のentriesを利用します。コピーフォローするmule関連記事JavaScriptAjaxを使って画面をリロードせずにPHPを動かす(初心者向け)JavaScriptを使えば、画面上の表示を変えることは簡単にできます。jQueryのattr()はHTMLの属性の取得・操作ができます。ShadowDOMとは、DOMをカプセル化する技術です。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ホームJavaScriptmulemuleと申します。IT業界で働いて約5年になります。ウェブ製作・ツール系アプリ製作を主に行っております。exports?exports.SyntaxHighlighter=SyntaxHighlighter:nullタイトルとURLをコピーしました。