Jquery非同期通信でPHPを呼び出してページに結果を表示する

2014-03-07

非同期通信の真骨頂はPHPなどのプログラムへ値を渡し、処理して結果を表示するといった連携が出来る事です。

その最も簡単な例です。なお、今回はPHPで何の処理もしていません。

サンプル

$(function(){
   //$("#go").click(function(){ //これペケ
   $(document).on('click','#go',function(e){ // クリックで実行 2014-07-24 修正
      $.ajax({
         type: "POST",
         url: "02/01.php", //PHPを呼び出す
         success: function(){
            $("#str").html('正常に処理されました');
         },
         error:function(){
            $("#str").html('処理に失敗しました');
         }
      });
   });
});

クリックしたらPHPを呼び出し、結果を指定箇所に表示するだけです。