$.getと$.postの違い

以下の例では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);
?>

$.getと$.postの違い サーバ側の対応