教えてください。
初心者です。別で質問させていただいた内容に関係する質問ですが、例えばブラウザ上にカレンダーがあり、日付のところをカーソルを移動していくと、日付ごとにデータベースからの予約情報を見れるようにするにはどのように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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFを(htmlのように)無限に縦...
-
GASでスプレッドシートの一番上...
-
VBAでクイズゲームの作り方
-
Ajaxでsessionにいれた値が引き...
-
入力フォームの値をQRコードで...
-
jQueryを使いformでsubmitした...
-
要素内を常に一番下を表示させたい
-
C言語のflagの使い方が分かりま...
-
1枚の画像をクリックすると複数...
-
【再質問】計算(入数*単価)...
-
以下のURL入れますか?皆さんは↓
-
画像のドットの部分が抜けてい...
-
Chinapost こよパズルどう動か...
-
非同期通信で掲示板を作る際の...
-
非同期通信を使うタイミングが...
-
PYTHONのtkinterについて
-
Pythonのtkinterについて
-
Pythonを勉強する道のり
-
Pythonを無料(安価)で学ぶ方...
-
RPA(PowerAutomate)の実装について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ajaxでhtmlを返して画面に描画…...
-
ajaxによるcsvデータの絞り込み...
-
【Ajax】改行を含めたデータを...
-
jQueryの$.postの戻り値による...
-
Rを使う際、データを読み込む時...
-
セレクトボックスのHTMLを教え...
-
AjaxでDBと連携した動的リスト...
-
innerHTMLで表示完了後に、Ajax...
-
データ受け渡しについて
-
ローカルネットワーク内での502...
-
カーソルの動きに合わせてDBか...
-
HTMLでリアルタイムグラフを作...
-
Ajax、PHP、MySQLでDBからデー...
-
jquery serializable値取得
-
【JavaScript】confirmのボタン...
-
DirectXとOpenGLはどちらが動作...
-
ASP.NET(VB)VBソースからJavas...
-
saved from url=(0013)abou
-
JSTLを利用してJavascriptの結...
-
[JavaScript] preven...
おすすめ情報