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での利用


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-02-02 (土) 18:16:46 (1660d)