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を呼び出し、結果を指定箇所に表示するだけです。