08/09/24 18:28:13
<html><head><script type="text/javascript" src="prototype-1.6.0.2.js" /><script type="text/javascript"><!--
// イベントハンドラの設定
document.observe('dom:loaded',
function(){
// sendボタンがクリックされたときのイベントハンドラを設定
$('send').observe('click',sendClick);
});
// sendボタンがクリックされたときの処理
function sendClick(evt){
// 呼び出すURL
//var url = 'URLﾘﾝｸ(localhost:80)';
var url = 'URLﾘﾝｸ(localhost:8080)';
// 送信するパラメータを作成
var queryString = 'username=' + encodeURIComponent($F('username'));
// Ajax.Requestを用いて送信する
new Ajax.Request(url,{ method : 'post', parameters : queryString,
onSuccess : function(response){
// 呼び出しに成功したとき戻されたデータを取得
var resultText = response.responseText;
// 要素のテキストとして差し込む
$('result').update(resultText);
}, onFailure : function(response){
// 呼び出しに失敗したとき
alert('呼び出しに失敗しました:' + response.status + response.statusText);
}});}
// --></script><title>Insert title here</title></head>
<body><div id="result">お名前を入力してください。</div>
<input type="text" id="username" /><input type="button" value="送信" id="send" />
</body></html>