300行、そして1行
2019-02-11
こんばんは、氷翠です。
さて、今日も家で作業を続けていました。
で、ここのところ、Javascriptと格闘していまして、フォームの入力項目が非常に多い。どんだけあるんだろうと思うくらい。そこで、Bootstrapのお力を借りまして、タブで表示変更することにしました。非常に便利です。
タブによって表示を変更させるというのが、これほどいいものとは思いませんでした。タブの切り替えなんてほんの一瞬のことなんだけど、これが大事。一瞬のことだけど、気分が違う。ストレスを解消させる一瞬なんですね。
でも、作成側としてはきつい。
いや、タブがきついわけではなく、入力項目が減るわけではないので、これをAJAXでデータを送信しようとして、約300行ものプログラムを書いていたのです。
えぇ、頑張った。
でもね、そんなとき「FormData」というオブジェクトの存在を知ったわけです。遅いと思うけど、そして今更だけど。
しかし、実際にはJqueryを使っているとこれがうまくいかない。そこで、「シリアライズ」というものを使うわけです。
えぇ、これで全てが片付いたんです。
1行でフォームのデータを纏めて送信することができました。
散々やってきたはずなのに、すっかり忘れていた。
もちろん、今まで書いていたプログラムは削除ですよ。邪魔ですもん。
Bootstrapの影響からか、フォームタグにIDをつける癖がついていてよかったw
そのIDを利用して一気にデータをまとめることができました。あとはPHPでどうにでもなるので。PHPにデータを渡すことができればこっちものです。
一気に作業が進んで、一つのページが完全に完成したわけです。テストも今の所順調です。
もう、今日はここまで。
次回の続きは別のページで、フォームのデザイン、データベースのテーブルの構築という感じだろうか。
コメントを残す