ニュース
そのサービスはAjaxフレームワークで一変できるか?:Web 2.0で変わるWebプログラミングの常識(4/4 ページ)
「prototype.js」と呼ばれるJavaScriptフレームワーク。多くのAjaxを応用したサービスで使われている「Ajaxフレームワークのデファクト」だ。
Ajax.Requestオブジェクトによる要求
Ajax通信するにあたり、まずは、送信するパラメータを生成する必要がある。
*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***
ここではprototype.jsで提供されている「$F()関数」を用いて、テキストボックスに入力された値を取得している。このテキストボックスは、入力フォームにある、次のものに対応する。
*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***
prototype.jsでは、Ajax.Requestオブジェクトを使ってデータを送受信をする。
*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***
第1引数には、接続先のURLを指定する。そして第2引数には、接続オプションを含むオブジェクトを指定する。接続オプションには、JSON書式による無名オブジェクトを指定するのが一般的だ(表2)。
このコードではどのような処理を行っているのか、Ajaxとのかかわりなどについての詳細は、次回解説しよう。
関連記事
- 第4回:実は、Ajaxのウラにこそ勝算がある
見た目にインパクトが大きいAjax利用のWebアプリケーション。しかし、その見た目を支える要となるものは、背後にある有益な情報処理と活用方法だ。Ajaxのインパクトに負けないWebアプリはどのように作られるのか? - 第3回:Ajaxの真価はWebサービス連携にあり
- 第2回:Ajaxを理解する4つのポイント
- 第1回:Ajaxで変わる“新”ユーザー体験
Copyright © ITmedia, Inc. All Rights Reserved.