タグ

javascriptとAjaxに関するyaakaitoのブックマーク (5)

  • 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」というメンバを持つオブジェク

    jQueryではじめるAjax:第2回 jQueryによるAjax実装|gihyo.jp … 技術評論社
  • InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入

    function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } このbackgroundLoadはIDの配列を引数に取り、その各IDに対して上で定義したgetArticleWithCacheを呼び出します。これでIDに対応する記事のデータがキャッシュされます。そして読み込んだ記事の子記事のIDに対してbackgroundLoadを再帰的に呼び出すことで、ツリー全体をキャッシュすることができます。 ここまですべてうまくいっているように見えます。しかし、一度でもAjax開発を経験したことのある方ならば、これではうまくいかないということはすでにおわかりだと思います。これまでの例で

    InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入
    yaakaito
    yaakaito 2009/11/05
    上で述べたAjax開発の難しさを緩和してくれるものとして、JavaScriptでマルチスレッドを利用可能にするライブラリ Concurrent.Threadを紹介しましょう。これはすべてJavaScriptで実装されているフリーのライブラリで、Mozilla Public Lic
  • Ajax初心者入門講座

    今回は Firebug の最も基的な操作である、起動と終了です。これから先の学習で Ajax のプログラミングに Firebug を頻繁に使います。 Firebug をいろいろいじっているうちに、わけがわからなくなった時は、とりあえず一度終了して再起動すると元に戻せます。戻し方がわかれば安心して操作することができるので大事なことです。 Firebug はブラウザの一部として開いたり、別ウィンドウとして開くこともできます。Webブラウザの画面の変化を確認しながら実行するときは同じ画面が見やすいし、JavaScriptのプログラムを中心に見るときは、別ウィンドウの方が大きくて見やすいです。状況に応じて使いやすい方法で開けるようにしましょう。 *Firefox に Firebug をまだインストールしていない方は、先に Step4 をご覧ください。 【1】Firefox を起動します。 【2】

    Ajax初心者入門講座
  • Ajaxを使った非同期通信

    Ajax とは Asynchronous JavaScript + XML の略で、 Web サーバーとブラウザとの間で非同期通信を行う方法です。 Ajax の方法を利用することで、ページを切り替えることなくページの内容を書き換えることができるようになります。 JavaScript では Aax を用いた非同期通信には XMLHttpRequest オブジェクトを使用します。ここでは Ajax を使った非同期通信を行う方法について解説します。

    Ajaxを使った非同期通信
  • Ajax初心者入門講座

    AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。 前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。 何故なら、最初はできるだけ元のプログラムを変更せずに、 最小限の修正だけで動くようにしたかったからです。 でもjQueryっぽい書き方というか、 来ならjQueryのイベントやメソッドを使った書き方があります。 そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。 早速、やってみましょう。 【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.js を少しだけ変更します。

    Ajax初心者入門講座
  • 1