はじめに 簡単にJSONまたはJSONPを読み込みたい場合は以前の記事を参照。 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法 type 主にGETかPOSTを指定。受け取るときはGET、送信するときはPOST。 url 読み込み先または送信先のURLを指定。例えばJSONを読み込みたいときは以下のようになる。 $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json' }); $.ajaxのurlオプションを使用したサンプル cache キャッシュの有無をtrueかfalseで指定。注意しなければいけないのはJSONの場合はデフォルトでcache:true、JSONPの場合はcache:falseとなっている点だ。つまりJSONをキャッシュをしたくない場合はcache:falseを指定しなければならな

目的を持ってAjaxを使うためにjQueryの文法を知ろう：jQueryで学ぶ簡単で効果的なAjaxの使い方（2）（1/3 ページ） いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ 連載第1回の「Aptanaで始めるJavaScriptライブラリ『jQuery』超入門」では、Ajaxを使うためのJavaScriptライブラリとしてjQueryの使い方を紹介しました。実際にAjaxを使ったシステムを作るときに、Ajaxを使うことが目的になってしまっている場合があります。残念ながら、このようなプロジェクトは失敗することの方が多いのが現実です。本来の目的というものは、Ajaxを使ったシステムによる業務の効率化であったり、ユーザビリティの改善によるリピータの確保であったり

Web 2.0，Web API，リッチ・クライアント，SOA（サービス指向アーキテクチャ），アジャイル開発…などなど，相も変わらずWebアプリケーション開発の現場には，様々なキーワードが渦巻いています。現在その中でも特に注目されているのが，Ajax（Asynchronous JavaScript And XML）です。 Ajaxは，2005年2月にAdaptive Path社のJesse James Garrett氏が自身のコラム「Ajax: A New Approach to Web Applications」上で著したものが注目を浴び，記事や書籍などで紹介されたことから，急速に認知されるようになったキーワードです。筆者などは当時，「しょせんただのBuzzword（はやり言葉/空騒ぎ）だろう」と比較的冷ややかに思っていたものです。 しかし，その後1年を経て，いまだに衰える気配はありません

ここでは Yahoo! ニュース Web サービス を利用して、 Yahoo! ニュースカテゴリ一覧の取り込み方法を説明します。 それぞれのトピック名をクリックすると、Yahoo! ジャパンのニュースヘッドラインページへジャンプします。 まずは実行例を見てください。 Yahoo! Japan ニュース 上記ニュースカテゴリは、Yahoo! ニュース Web サービスを用いて取得しています。 アプリケーションの構築方法 ここでは上記のように、コンピュータカテゴリのニュースカテゴリを取得する方法を説明します。 全体的な構成 いろいろな方法があるのだと思いますが、私は下記のような構成にしています。 次のような順番になります。 Web クライアントの JavaScript から Ajax リクエストを自サーバーに対して行う。 この時、prototype.js の Ajax.Request を利用し