jQueryを使ってJSからPHPへ非同期通信をしてみる　-　Javascript,PHP

Javascript
PHP
BGM ShareHouseに用いた技術まとめ　-　Javascript,PHP

jQueryを使ってJSからPHPへ非同期通信をしてみる　-　Javascript,PHP †

概要 †

• Javascript上のイベントによりPHPを呼び出し，サーバへのリクエストを非同期に行いたい
  

  (例) サーバ上のファイルに文字列を追加したい，文字列を取得したい

• jQueryのajax通信機能を使えば楽ちん

導入 †

方法は大きく分けて3つある．

1. jQuery.postによってPOSTメソッドで通信する方法
2. jQuery.getによってGETメソッドで通信する方法
3. jQuery.ajaxによって上記の通信方式に細かいオプションを指定する方法

1.と2.は簡単に使うことができるが，拡張性に乏しい．キャッシュを読みに行かないようにしたい場合(後述)や，コールバック時の処理を細かく設定したい場合は，3.を使うことになる．

参考：
jQuery.get( url, data, callback ) - jQuery 日本語リファレンス
jQuery.post( url, data, callback, type ) - jQuery 日本語リファレンス
jQuery.ajax(options) - jQuery 日本語リファレンス

今回はPOSTメソッドによる通信をjQueryで行う．

手順 †

1. jQueryをhtmlに読み込ませる

   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

2. Javascriptをこんな感じに書く(実際はイベントが発火したタイミングで実行するのが普通)

3. PHPはこんな感じで

BGM ShareHouseでの利用 †