【jQuery】FormData、SerializeArrayを使用してAjaxにて簡単にFormデータを送信
jQuery JavaScript 【jQuery】FormData、SerializeArrayを使用してAjaxにて簡単にFormデータを送信 Ajaxでデータ送信する際、form情報を送信を送信したい場合があります。 数個程度ならFormデータの情報を１つずつ手で入れていくのもいいのですが、項目がかなりある場合や可変項目であると手打ちでは困難になります。 簡単に項目情報を入力できないかと探してみるとHTML5にFormDataクラスを用いて簡単にform内のデータをサーバに送信することができそうです。 jQueryのAjax機能で例を作ります。 [javascript] var form = $('#form1').get(0); var formData = new FormData(form); //Ajax $.ajax({ type: 'POST', async: false
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
IE11で、IE7/IE8/IE9/IE10をエミュレーションで表示確認するときの注意事項
IE11で、IE7/IE8/IE9/IE10をエミュレーションで表示確認するときの注意事項投稿 : 2014-01-16更新 : 2014-04-09 IE10までは、F12の開発ツールでドキュメントモードをIE8などに指定することにより、過去のIEバージョンの表示を確認してきたんですが、IE11になってから、どうもうまくいかないな？と悩んでいました。 IE11にもF12の開発ツールで、エミュレーションというのがあって、それらしい指定ができるのですが、実際にIE8を指定してみても、どうも表示がIE8と明らかに違うような表示になり、おかしいな？と思ってました。 【参考】 ・IE9やIE10環境でIE6/IE7/IE8/IE9表示する方法(共存） 解決方法 解決方法は、２つあるようです。 互換設定する方法 IE11の互換表示設定のところに、調べたいサイトのURLを登録します。 HTMLにmet
カチャカチャWindowsを使いたい-あふ(AFX)編２ - 覚えらんない人のためのオンラインソフト備忘録
ほんとくどくて申し訳ありませんが再び注意。万一ここで説明した内容にわかりにくい部分や誤りがあったとしても、（（万一、っていうか間違いなくあると思う）絶対にフリーソフトの作者さんにメールで質問したりしないでください。フリーソフトは基本的にノンサポートです。サポートしてくださったとしてもそれは作者さんの厚意によるものです。分からない部分はご自分で調べるようにしてください。 早めに続きを書いておこうということで。 あふのキーカスタマイズ あふはフルキーカスタマイズが可能です。これはあふのフォルダ内にAFX.KEYという名のテキストファイルを作ることで、あふがこれを読み込んでくれるわけですが、実際にテキストファイルをエディタで記述するのはたいへん難しいです。そこで、あふ用のキーカスタマイズツールを使うことになります。今回はAfxさんにあるK3KEYAFXというソフトを使いましょう。 このサイトさん
[Web全般] HTTPリクエストの全体像：GETとPOST
HTTPのリクエストは、Java, JavaScript, PHP, Objective-Cなど 様々な言語やフレームワークを使って送信するサービス開発を、多々行ってきました。 でも、HTTPリクエストについてちゃんと知ってるかと言うとビミョーな感じで。 今回は、HTTPリクエストについて学んだので、その内容をブログに書きたいと思います。 HTTPリクエストの構成 HTTPリクエストは、大きく3つの部分に分かれるようです。 HTTPリクエスト行 HTTPヘッダー行 HTTPボディ部 GET通信では、上記のうち「HTTPリクエスト行」と「HTTPヘッダー行」を送信して、 POST通信では、「HTTPリクエスト行」と「HTTPヘッダー行」と「HTTPボディ部」を送信するようです。 具体的な構造は以下となっているようです。 HTTPリクエストの中身は、具体的には以下のような内容のようです。 （G
![[Web全般] HTTPリクエストの全体像：GETとPOST](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee271bfadd97facf8dd1934bbb260ceea017f2c5/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2Fs085.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
