JavaScriptにデーターベースを中身を呼ぶ方法

Question

Google Maps APIをJavascriptを用いて書いているのですが、
そこにデータベースで入れた情報をブラウザ上で表示させるようにしたいです。
Javascriptで直接値を入れられないとわかったのですが、
どのようにすればできるのかがわかりません、、、
初心者なのでわかりやすい説明で教えていただければ大変助かります。
よろしくお願いいたします。

Comments

[m.ts10806]

「データベースで入れた情報」は緯度経度とか場所の名称などの情報ということで良いですか？利用者だけ分かればいいのか、サーバー側で管理するような形にしたいのか、データベースをどのように利用したいかも具体的に記載いただけると助かります。

Answer 1

ひとつ前置きですが、javascriptから直接データーベースの情報を出し入れすることは可能です。
HTML5の機能でブラウザに情報を保存するWebStorageというものやIndexedDBというものがあります。

利点としてはサーバー側にDBを設置する必要がなく、ユーザー個人だけの情報を持っておくことが出来るという点、一度ダウンロードしてしまえばオフラインでも利用できる点です。
難点としてはブラウザの種類やバージョンによって対応していたりしなかったり、ブラウザにより容量の制限があり、大容量の保存には向かない、あとユーザー側にしか持たないので利用している状況が見えない、などなどがあります。

さて、一般的なやり方ですが、JavaScriptからデータベース(サーバー)へアクセスする場合はAjaxを利用し、PHPなどサーバーサイドのプログラミング言語を実行して、そのプログラムの中でデータベース接続を行い、情報の更新・取得を行います。
「ajax PHP」などのキーワードで検索すればやり方はたくさん出てくるので参考にしてください（個人的にはQiitaの記事をよく参考にしています）
これを覚えておくと出来ることの範囲が一気に広がるので簡単なコードでもひとつぜひ覚えておきたい技術ですね。

Comments

[lalala321]

回答ありがとうございます。
まだまだ自分の知識不足なので教えていただいた方法を調べてみます。
本当にありがとうございました。