This domain may be for sale!
1. jQuery 2.x vs 1.x 2. イベントハンドリングには on() を使うべし 3. AJAXには done(), fail() を使うべし 4. ajax()だけじゃなくショートカット・メソッドも活用すべし 5. find() を使って絞り込むべし 6. カスタムイベントを定義する 7. 属性を指定してDOMエレメントを生成できる 8. form送信時は serialize() を使って値をまとめて取得すべし 参考 本記事はjQuery Advent Calendar 2013の23日目の記事となります。今回はjQuery使いとして覚えておきたいテクニックを個人的に8つピックアップしてみました。 日本との時差の関係で更新が24日になっているでしょうが気にせずいきましょう。 1. jQuery 2.x vs 1.x 1つ目はテクニックというよりTipsになります。jQuer
最近の内容はjQueryやjavascript絡みばかりになってるけど一番書きやすい事が分かりました。 これでSymfony2がまた遠ざかってしまう。。。 というわけでまたjquery.validate.jsのお出ましですけど、 以前id:amidaike:20130318はエラーメッセージを変更してみましたけど、 今回はajaxを使った時の入力チェックてどうするんだとふと思ったのでやってみますたノシ どういうことかというと、ページ遷移がある画面なら $(function() { $("#login-form").validate({ rules: { 'email': { required: true } } }); }); とこれだけ書けばsubmitされてもエラーがあれば処理を中断してくれるんだけど、 画面遷移をしない画面でajaxを使った場合、こんな感じで処理をしようとしたら、、、
//$("#button").click(function(){ //これペケ $(document).on('click','#button',function(e){ // クリックで実行 2014-07-24 修正 if( $("#name").val() && $("#email").val() && $("#str").val() ){ if(!$("#email").val().match("^[0-9A-Za-z._\-]+@[0-9A-Za-z.\-]+$")){ $('#error').html('メールアドレス形式で記入して下さい'); return false; } var data = $("#form").serialize(); //送信されたデータ $('#form').html('<img src="../lib/loader2.gif" />'); //ロ
jQuery で POST 送信をすることができるメソッドに ajax と post があります。その 2 つのメソッドを用いた簡単なサンプルコードです。それぞれ post.php に POST 送信を行い、レスポンスをアラートで表示します。 まずは post メソッドの使用例です。 post.html <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $('#sw').click( function(){ $.post( 'post.php', { 'pd': 'こんにちは' }, function(data){ alert(data); } ); } ); }); </script> </head> <b
Ajaxがおかしいんです Javascript初級者です。 Ajaxを使ってデータの重複チェックを行おうとしました。 ところがAjaxがヘンな動きをするんです。 以下のコードなんですが、上の登録処理の中で、function doubleCheck を呼んで います。 問題は2つあって、ひとつは実際に重複していてもしていなくても「true」を 返してくることです。 console.log("res=========" + res) には「yes」とか「no」とか重複有り無しで 異なりますが、ちゃんとそれぞれセットするにも関わらず、 if(!doubleCheck() では必ず「false」が戻ってきてしまいます。 もう一つおかしい点は、重複検索(これはPHPでやってます)の最中にもかかわらず、 「true」が返ってきて "重複があったので登録できません。" お、出てしまうことです。 それで調
Ajaxではサーバーにデータを投げて結果を取得して・・・という一連の動作を行いますが、受け取るデータが多い&複雑な場合はJSON形式で受け取るのがよいです。 JSONとは? JSONとは、JavaScriptのオブジェクトをテキスト形式で記述するためのフォーマットです(「JavaScript Object Notation」の略)。 JSON形式のデータは、JavaScriptのオブジェクトとしてデータの参照がとても楽になります。 複雑なデータや大量のデータを取得する場合はJSON形式で受け取るのがよいです。 getJSONメソッド JSON形式でサーバーからの結果を受け取りたい場合、getJSONメソッドを使います(こちら側からのデータはGET送信)。 $.getJSON('ここにファイルパス', {key:value}, 関数); 第1引数にデータを送信するファイルの指定 第2引数に送
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く