POST用パラメータ
POST用パラメータ
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD.xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta HTTP-EQUIVE="Content-Type" CONTENT="text/html;charset=utf-8" />
<title>POST用パラメータ</title>
<!-- POST用パラメータ -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<!--POST用パラメータが実行するスクリプト-->
<script src="../js/test2.js" type="text/Javascript"></script>
</head>
<body>
<div id=hashData>
data1 : さんぷるデータ<br />
data2 : 100
</div>
<br />
<input type=button id=btnHash value="ハッシュ変数をPOSTパラメータに変換" />
<div id=head>POSTパラメータ</div>
<div id=dispResult></div>
</body>
</html>
<!--
test2.js
//画面が呼び出されたタイミングで実行します。
Event.observe( window, 'load', sendPostData );
//ボタンの実装
function sendPostData()
{
Event.observe(
'btnHash',
'click',
function()
{
//パラメータを定義します
var parameter =
$H( {data1 : 'さんぷるデータ', data2 : 100} ).toQueryString();
new Ajax.Request(
//送信先URL
'send.html',
{
method : 'post',
asynchronous : true,
postBody : parameter,
//「function(req, header)」の
//「req」：「XMLHttpRequest」オブジェクト
//「header」：「レスポンスヘッダでX-JSONの値から生成」オブジェクト
//送信が成功したステータス
onSuccess : function(req, header)
{
$('dispResult').innerHTML = parameter;
},
//送信が失敗したステータス
onFailure : function(req, header)
{
$('dispResult').innerHTML = '送信に失敗しました。';
}
}
);
}
);
}
send.html
このHTMLはダミーです。
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<title>POSTパラメータ</title>
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test2.js" type="text/Javascript"></script>
</head>
<body>
<div>
メッセージ
</div>
</body>
</html>
onComplete:処理完了後
onSuccess:処理成功時
onFailure:処理失敗時
onException:例外発生時
--------------------------------------------------
-->
|
|