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