munyaX score 906
2015/03/29 15:39 投稿
| まず最初に、Ajaxのことは忘れてください。 |
| PHPが実行できる環境はお持ちですか？ |
| お持ちでないようでしたら最初に以下のステップで用意してください。 |
| 1. サーバの用意 |
| 2. Apache, PHPのインストールと設定 |
| 3. PHPのコードを書いて動かす |
| 最終的な目標(外部に公開するのか、イントラなのか、ローカルで動けば良いのか…など)が不明ですが、サーバはレンタルサーバでも、AWSなどのクラウドでも、ご自身の端末でvirtualboxなどで運用されてもかまいません。いずれも動作します。 |
| 次のApacheとPHPのインストールや設定は、Googleなどで「Apache PHP インストール」で検索するとたくさん出てきます。 |
| https://www.google.co.jp/search?q=apache+php+%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB |
| ここまでできたらPHPのコードを書いて、実際に動作するか確認してみましょう。 |
| ```lang-php |
| <?php |
| //hello.php |
| echo json_encode(array('str'=>'world')); |
| ``` |
| さて、ここからAjaxの話しに入ります。 |
| 先ほど作ったPHPのファイルを呼び出すために、最初は以下のようにHTMLを置いてください。 |
| - 同じドメイン |
| - 同じ階層 |
| ```lang-html |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
| <script> |
| $.getJSON("hello.php", function(json){ |
| alert("Hello " + json.str); |
| }); |
| </script> |
| ``` |
| PHPの"world"の部分を変更すると、Ajaxでの実行結果も変わると思います。 |
| 呼び出し元のHTMLと、呼び出し先のPHPでドメインが異なると、セキュリティの関係で別途設定を行ったり、JSONPなどを用いるなどの必要が出てきますので、最初は同一ドメインで行われるのがトラブルが少なくて良いかと思います。 |
