ajaxの基礎（.get() .post() .load)

私はajax自体がどんなものなのか知らなかったので、まずはajaxについての基礎である.get() .post() .load　についてまとめておく。

１．jQuery.get()の使い方

$.get( url , data , success)

$.get("sample.php", {id:$("[type=number]").val()}, function(data) {$("span").text(data);
});

ここで、 url:PHPのファイル data:$_GETのパラメータをここで渡す success:リクエストが成功した場合に実行されるコールバック関数

また、PHPでechoした値をjQueryで受け取れる

<?php
  echo "田中";
$.get(url, data, function(data) {
   console.log(data);
});

渡したいデータが複数のときは、配列にする。

２．jQuery.post()の使い方

jQuery、get()と使い方に差はないが、postはあくまでもデータを送信する意味である。

３．jQuery.load()の使い方

.load(url, data, complete)

$( "#result" ).load( "test2.php", { name: "村田", age: 25 }, function() {
   alert( "読み込みました。" );
});

url:読み込みたいファイルのパス data:POSTの値の引き渡し complete:要求が完了したときに実行されるコールバック関数