PHPの結果取得
PHPの結果取得
<?xml version="1.0" encoding="utf-8" ?><br />
<!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>PHPの結果取得</title>
<!-- PHPの結果取得 -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test4.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
占ってみましょう。<br />
<input type=button id=btnSend name=btnSend value="占い" /><br />
<!-- 結果を表示 -->
<div id=dispResult></div>
</form>
</body>
</html>
<!--
test4.js
//画面が呼び出されたタイミングで実行します。
Event.observe( window, 'load', sendFormData );
//ボタンの実装
function sendFormData()
{
Event.observe(
'btnSend',
'click',
function()
{
new Ajax.Request(
//送信先URL
'../php/test4.php',
{
method : 'post',
parameters : Form.serialize("frm"),
//送信が成功したステータス
onSuccess : function(httpObj)
{
//phpから受信したデータを取得します。
$('dispResult').innerHTML = httpObj.responseText;
},
onFailure:function()
{
alert("サーバへのリクエストに失敗しました。");
}
}
);
}
);
}
test4.php
<?php
header("Content-Type:text/html;charset=utf-8;");
if(empty($_POST))
{
print "データを受信できませんでした。";
//処理を終了させます。
exit();
}
else
{
getOmikuji();
}
function getOmikuji()
{
//乱数で0から4までの値を取得します。
$no = rand(0,4);
switch($no)
{
case 0:
$result="大吉";
break;
case 1:
$result="小吉";
break;
case 2:
$result="吉";
break;
case 3:
$result="末吉";
break;
case 4:
$result="凶";
break;
}
print $result;
}
?>
--------------------------------------------------
-->
|
|