http://webcake.no003.info/webdesign/jquery-ajax-php-json-sample.html
jQuery使いが知っておくべきjQueryテクニック8選 - Hack Your Design!
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 １つ目はテクニックというよりTipsになります。jQuer
jquery.validate.jsでajax使用時の入力チェックをしてみた - AmidaikeBlog
最近の内容はjQueryやjavascript絡みばかりになってるけど一番書きやすい事が分かりました。 これでSymfony2がまた遠ざかってしまう。。。 というわけでまたjquery.validate.jsのお出ましですけど、 以前id:amidaike:20130318はエラーメッセージを変更してみましたけど、 今回はajaxを使った時の入力チェックてどうするんだとふと思ったのでやってみますたﾉｼ どういうことかというと、ページ遷移がある画面なら $(function() { $("#login-form").validate({ rules: { 'email': { required: true } } }); }); とこれだけ書けばsubmitされてもエラーがあれば処理を中断してくれるんだけど、 画面遷移をしない画面でajaxを使った場合、こんな感じで処理をしようとしたら、、、
Jquery非同期通信+PHPでお問い合わせフォームを作る - 北海道苫小牧市のホームページ制作 STUDIO KEY
//$("#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 送信を行うサンプル
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
![[jQuery] post メソッドと ajax メソッドを使って POST 送信を行うサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
ajax + PHPによるエラーの返し方について - OKWAVE
Ajaxがおかしいんです Javascript初級者です。 Ajaxを使ってデータの重複チェックを行おうとしました。 ところがAjaxがヘンな動きをするんです。 以下のコードなんですが、上の登録処理の中で、function doubleCheck を呼んで います。 問題は２つあって、ひとつは実際に重複していてもしていなくても「true」を 返してくることです。 console.log("res=========" + res) には「yes」とか「no」とか重複有り無しで 異なりますが、ちゃんとそれぞれセットするにも関わらず、 if(!doubleCheck() では必ず「false」が戻ってきてしまいます。 もう一つおかしい点は、重複検索（これはＰＨＰでやってます）の最中にもかかわらず、 「true」が返ってきて "重複があったので登録できません。" お、出てしまうことです。 それで調
【Ajax】PHPにデータをGET送信し、結果をJSON形式で受け取る – ysklog
Ajaxではサーバーにデータを投げて結果を取得して・・・という一連の動作を行いますが、受け取るデータが多い＆複雑な場合はJSON形式で受け取るのがよいです。 JSONとは？ JSONとは、JavaScriptのオブジェクトをテキスト形式で記述するためのフォーマットです（「JavaScript Object Notation」の略）。 JSON形式のデータは、JavaScriptのオブジェクトとしてデータの参照がとても楽になります。 複雑なデータや大量のデータを取得する場合はJSON形式で受け取るのがよいです。 getJSONメソッド JSON形式でサーバーからの結果を受け取りたい場合、getJSONメソッドを使います（こちら側からのデータはGET送信）。 $.getJSON('ここにファイルパス', {key:value}, 関数); 第1引数にデータを送信するファイルの指定 第2引数に送
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
input type=submit でページを更新"しない"方法。 - Qiita