jQueryでpost

先の記事と同じなんだが、プログラムを作っているときに、Ajaxを使って、ページ遷...

先の記事と同じなんだが、プログラムを作っているときに、Ajaxを使って、ページ遷移なくいろいろしたいと思った。
ので、Ajaxの中でもjQueryをこの際使ってみようということで、いろいろ調べたりしたので、メモ。

jQueryでAjax通信をするための方法は、

function Ajax通信をする関数(){$.post("宛先のファイル",{送るデータ},コールバック関数);}
function コールバック関数(data){}

でできる。

$.postで通信処理を行うが、
第1引数の部分には、送る先のファイル名を記載する。もちろんこのときはパスを書き込む。

第2引数には、POST送信するデータを記載する。
記載の方法は、
ポスト送信名:その値

たとえば、jQueryで書くと、
<input type="text" name="soushin" id="soushin" value="hogehoge" />
の値をとりたいのであれば、
soushin:$("#soushin").val()
と書けば、
例えば、PHP側で
$postdata = $_POST['soushin'];
で受け取ることができる。

コールバック関数には、引数をつけると
その引数には、返ってきた値が入る。

このやり方を使えば、簡単にPOST送信が可能になる。

この記事の周辺情報

著者

稲本[せぶん]浩介
福岡の企業に在籍し、Webを中心に活動中。Webディレクター、IA(インフォメーション アーキテクト)、マークアップエンジニア、CSSコーダーetc。
Twitterボタン

amazonさんがこのサイトを見て、書籍を紹介してくれています。