![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
教えてください。
初心者です。別で質問させていただいた内容に関係する質問ですが、例えばブラウザ上にカレンダーがあり、日付のところをカーソルを移動していくと、日付ごとにデータベースからの予約情報を見れるようにするにはどのようにJavascript、Ajaxとサーバサイドのプログラムが連携するのでしょうか?カーソルがあたったらその都度hpptでリクエストを投げるような動きになるのでしょうか?それともクライアントサイドに全ての日付のデータをレスポンスで取ってあとはクライアントサイドで整形してるようなイメージでしょうか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
GoogleのMapソフトがAjaxを使っていますね。
おおざっぱには、以下のような動きでしょうか。
1)ブラウザで動作するJavascriptが、カーソル、マウスの動きを検知して、サーバにリクエストを投げる。
2)サーバは受け取ったリクエストを解析して、必要なデータ(例題の場合は、予約データ)をDBから読み込んで、ブラウザーに返す。
3)ブラウザは受け取ったデータを元に、画面の必要な箇所を書き換える。
こんな感じ?
だから、クライアント側には予約データは持ちません。
No.1
- 回答日時:
こんばんは
データ量や使い方によって決めることだと思われます。
例えば、1日ごとにリクエストして情報を受け取る方式だと、仮に1か月分を全部を見るのに30回のリクエストと、それに応じて30回のサーバサイドの処理が発生します。
これに対して、1か月分をまとめてリクエストする方式なら、それぞれ1回で済むので、データそのものの量は30倍程度にはなりますが、全体としては圧倒的に短い時間とサーバへの負荷で済みます。
・・ということで、1日分の情報量がどのくらいかによって、1日で区切るのか1週間で区切るのかといった妥当そうな区切りを見つけることになるのではないでしょうか?
検索ページが、1回の検索に対して「適当」な件数で区切って表示するのと似ているかも知れません。
「1件分の予約情報の情報量」も不明ですが、それに「1日分の件数」と「1度に取得する日数」を乗ずれば、およその通信量は推測できると思います。
目安としては、画像等を読み込む際の大きさと速度の関係で、大まかな見当はつけられるかと思います。
また、使い方として「1日分を確認するだけ」がほとんどの使い方であるなら、複数日分をリクエストする必要もなさそうですし、何日かを交互に見て調整したり比較したりするような作業をするようであるなら、その内容に応じて考慮したほうが良いのかも知れません。
>ブラウザ上にカレンダーがあり、日付のところをカーソルを移動していくと、
>日付ごとにデータベースからの予約情報を見れるようにするには~~
というUIから想像すると、カーソルの移動でその日が拡大されたりすることはなさそうですので、カレンダーのマス目上か、あるいは固定の表示エリアに情報が表示されるものと思います。
また、カーソルの移動に対するレスポンスを考えれば、1日毎にリクエストしていたのでは、タイミングにずれが生じる可能性が考えられます。
表示情報だけが全てであると仮定してよいのなら(紐づけ情報とか、詳細情報とかはない)、1か月程度をまとめて取得しても、さほどの情報量ではなさそうに思いますけれど・・・
(実際のところがまったくわからないので、なんとも言えませんが‥)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 覚えのないアイコンが釘付けされた 3 2022/04/26 19:47
- ドライブ・ストレージ 外付けHDDの破損?について教えてください。 8 2022/12/27 15:03
- Windows 7 更新プログラムを入れたら操作出来なくなりました(泣) 1 2023/02/26 11:04
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- Windows 10 Windows11タスクバーやエクスプローラー、スタートメニュー 動画全画面時にカーソルが見えない 1 2022/04/08 00:03
- Excel(エクセル) エクセルVBA 任意のセルの選択時、指定のセルの値を表示 1 2023/04/21 08:13
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- Excel(エクセル) Excelで作成しているシート(表) 5 2023/06/15 10:20
- Excel(エクセル) 右矢印を押すと画面全体が移動します。 2 2023/06/19 08:12
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Ajax、PHP、MySQLでDBからデー...
-
ajaxでhtmlを返して画面に描画…...
-
Rを使う際、データを読み込む時...
-
saved from url=(0013)abou
-
【JavaScript】confirmのボタン...
-
呼び出し元のURLを知りたいのです
-
HTMLでDBからデータを表形式で...
-
ブラウザ閉じたらサーバー処理...
-
C#でUDP通信
-
sleepの負荷
-
Ajaxでデータベース更新
-
ローカルでのhtmlチェックにつ...
-
【JavaScript】PS3で一部の構文...
-
DirectXとOpenGLはどちらが動作...
-
画面遷移しないで画像の追加を...
-
URLの中に&があると&に変...
-
cakephp2とsmartyの表示が遅い
-
ASP.NET 動的に行を増やすTable
-
PHP内でJavaScriptの処理は可能?
-
教えてつかぁさい。HPのレイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ajaxでpostした内容のresponse...
-
チャットを作る
-
カーソルの動きに合わせてDBか...
-
AjaxでDBと連携した動的リスト...
-
Response.Write(変数)
-
【Ajax】改行を含めたデータを...
-
ローカルネットワーク内での502...
-
JavaScript側でのXML作成の方法
-
ajaxでhtmlを返して画面に描画…...
-
Ajaxで最新の情報が取得できない
-
データ受け渡しについて
-
JavaScriptだけで画像アップロ...
-
innerHTMLで表示完了後に、Ajax...
-
セレクトボックスのHTMLを教え...
-
Rを使う際、データを読み込む時...
-
HTMLでリアルタイムグラフを作...
-
jQueryの$.postの戻り値による...
-
Ajax、PHP、MySQLでDBからデー...
-
【JavaScript】confirmのボタン...
-
HTMLでDBからデータを表形式で...
おすすめ情報