解放区在住氷翠メニュー

300行、そして1行

javascript > Jquery > 開発

2019-02-11 23:26

LINEで送る

こんばんは、氷翠です。

さて、今日も家で作業を続けていました。
で、ここのところ、Javascriptと格闘していまして、フォームの入力項目が非常に多い。どんだけあるんだろうと思うくらい。そこで、Bootstrapのお力を借りまして、タブで表示変更することにしました。非常に便利です。
タブによって表示を変更させるというのが、これほどいいものとは思いませんでした。タブの切り替えなんてほんの一瞬のことなんだけど、これが大事。一瞬のことだけど、気分が違う。ストレスを解消させる一瞬なんですね。

でも、作成側としてはきつい。
いや、タブがきついわけではなく、入力項目が減るわけではないので、これをAJAXでデータを送信しようとして、約300行ものプログラムを書いていたのです。

えぇ、頑張った。

でもね、そんなとき「FormData」というオブジェクトの存在を知ったわけです。遅いと思うけど、そして今更だけど。
しかし、実際にはJqueryを使っているとこれがうまくいかない。そこで、「シリアライズ」というものを使うわけです。

えぇ、これで全てが片付いたんです。

1行でフォームのデータを纏めて送信することができました。
散々やってきたはずなのに、すっかり忘れていた。

もちろん、今まで書いていたプログラムは削除ですよ。邪魔ですもん。

Bootstrapの影響からか、フォームタグにIDをつける癖がついていてよかったw
そのIDを利用して一気にデータをまとめることができました。あとはPHPでどうにでもなるので。PHPにデータを渡すことができればこっちものです。

一気に作業が進んで、一つのページが完全に完成したわけです。テストも今の所順調です。

もう、今日はここまで。

次回の続きは別のページで、フォームのデザイン、データベースのテーブルの構築という感じだろうか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください