GET用パラメータ
GET用パラメータ
<?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>GET用パラメータ</title>
<!-- GET用パラメータ -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test1.js" type="text/Javascript"></script>
</head>
<body>
<div id=hashData>
data1:100<br />
data2:150<br />
data3:200
</div>
<br />
<input type=button id=btnHash value="ハッシュ変数をGETパラメータに変換" />
<div id=head>GETパラメータ</div>
<div id=dispGET></div>
</body>
</html>
<!--
test1.js
//画面が呼ばれたタイミングでconvertGetParmaterメソッドをロードします
Event.observe(window, 'load', convertGetParmater);
//ハッシュ変数をGETパラメータに変換します
function convertGetParmater(){
Event.observe(
'btnHash',
'click',
function(){
var array = {
data1 : 100,
data2 : 150,
data3 : 200
};
var hash = $H(array);
$("dispGET").innerHTML = hash.toQueryString();
}
);
}
[出力例]
data1=100&data2=150&data3=200
--------------------------------------------------
-->
|
|