[B! jquery][ajax] kjktkのブックマーク

jQueryではじめるAjax：第2回　jQueryによるAjax実装｜gihyo.jp … 技術評論社

第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。オブジェクト（名前と値のペアの集まり） JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color⁠」⁠、値が「green」というメンバを持つオブジェク

kjktk 2013/04/05

リンク

http://www.jqueryhelp.net/

kjktk 2013/04/05

リンク

Webpark　

今年になって仕事でPowePointを使う機会が増えまして、今までまったく使ったことがないので、どのようにすれば見栄えがよくなるのか色々と調べてみました。久々の投稿なのにブログの本筋から外れた内容になりますが、調べるなかで役に立ったものと、個人的な感じることを書いてみます。

kjktk 2013/03/12

リンク

ページを移動（離脱）するときにjQueryで警告を出す方法

Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。１．ページを移動するときに警告を出すページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti

kjktk 2013/03/11

リンク

jQuery.ajaxで簡単に非同期通信 - 背負い投げとENTER_FRAME

なんちゃってWebクリエイターがFlashやらActionScriptやらを淡々と書く。ときとき柔道の話しもする。やっばりイマドキっぽく、jQuery.ajaxで非同期通信しよう。結構簡単にできたけど、PHPから配列をJavaScriptに戻す作法でつまずいた。普通にPHPでゲットした配列（多次元連想）をそのままechoで返すと、jQueryの方がどうしても解析できなかった。 $result = json_encode($result); echo $result; 配列をエンコードしておけば、問題解決。ローカルのMAMP環境だとajaxのパラメータに「dataType: ‘json’」が必要だったけど、ロリポップのサーバーだと消さないといけない。そのかわりに取得してきた配列をJSON.parse()を掛ける必要がある。デモページ「送信」を押すと「getAr.php」を読み込んで、

kjktk 2013/03/11

リンク

特集：jQueryではじめるAjax｜gihyo.jp … 技術評論社

kjktk 2013/03/04

jQuery
Ajax

リンク

jQuery で HTTP 接続するときの書き方: Days on the Moon

12 月 13 日に Kyoto.js の第 3 回 meetup で、「jQuery で HTTP 接続するときの書き方」と題した 5 分間のライトニングトークを行いました。以下にその内容を一部再構成して収録します。こんにちは、nanto_vi です。今日は jQuery で HTTP 接続をするときの書き方について話します。皆さん jQuery を使うことも多いかと思います。jQuery で HTTP 接続をするとき、古いサンプルだと次のような書き方が載っています。 $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時の処理をコールバック関数として $.ajax() に渡してやる形ですね。しかし、現在この書き方は非推奨となっ

kjktk 2013/03/04