以下の例では2つのボタンはそれぞれクリックされると$.get/$.putのどちらかが実行されます。
そしてWebサーバから受け取ったデータを元にテキストを表示します。
jQuery
<script type="text/javascript">
jQuery(function($){
// Webサーバに送信するデータ
var obj = {name:'G麺7'};
// GET,POSTそれぞれのメソッドでデータを送信するラジオボタンを表示
var div = $('#result');
$.each(['get','post'],function(idx,method){
$('<input>',{
type:'button',
val:'JSONデータを' + method.toUpperCase() + 'メソッドで送信',
click:function(){
$[method]('mycontent.php',obj,function(data,statusText,jqXHR){
// dateはオブジェクト化済み
$('<p>',{text:data.method + 'メソッドで' + data.name + 'が送信されました'}).appendTo(div);
},'json');
}
}).appendTo(div);
});
});
</script>
<h2>$.getと$.postの違い サーバ側の対応</h2>
<div id="result"></div>
PHP(mycontent.php)
<?php
$data = array();
/* GETメソッドで受信したら$_GET
PSTメソッドで受信したら$_POSTからデータを受け取る */
$data['name'] = isset($_GET['name']) ? $_GET['name'] : $_POST['name'];
$data['method'] = $_SERVER['REQUEST_METHOD'];
if(!isset($data['name']) || $data['name'] == null) :
$name = '!!no-data!!';
endif;
// webブラウザにJSON形式でデータを送信
header('content-type:application/json');
print json_encode($data);
?>