Home > プログラミング | 仕事 > 【AJAX】jQueryを使って非同期通信

【AJAX】jQueryを使って非同期通信

javascriptからPHPを呼び出すときのサンプルです。
基本的にjavascriptからPHPを直に実行はできないので、AJAXを使うみたいです。
友人のブログに秀逸なサンプルがあったので、転載すると

$.ajax({
 type: “POST”, //メソッドタイプ
 url: “sample.php”,//実行PHP指定
 cache: false,//キャッシュ(なくてもおk)
 data: “sampleVal=test”,//送るデータ
 success: function(html){//実行後の処理
  samplefunc(html);
 }
});

のようにして実行できます。

ちなみに、複数のデータをPHPに送る時の方法を探すのに意外と時間を食ってしまったので、その方法も以下に書いておきます。

$.ajax({
type: ‘POST’,
url: ‘sample.php’,
cache: false,
//data: “imgurl=”+ img,
data:{
“data[]“:[sample1,sample2]
},
success: function(html){
alert(html);
}
});

要はチェックボックとかの値を送るときと同じように配列にして渡すってことですね。

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://watalucky.com/2010/07/22/jquery%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e9%9d%9e%e5%90%8c%e6%9c%9f%e9%80%9a%e4%bf%a1%e3%80%90ajax%e3%80%91/trackback/
Listed below are links to weblogs that reference
【AJAX】jQueryを使って非同期通信 from watalucky.com

Home > プログラミング | 仕事 > 【AJAX】jQueryを使って非同期通信

Search
Feeds
Meta
ad

Return to page top