转盘抽奖:如何用 AJAX 和 PHP 实现随机结果的实时传递?
您希望将转盘抽奖程序中的随机结果通过 ajax 传递给 php 并获取 php 生成的输出值。这里是一个分步指南:
ajax 请求
在您提供的代码中,用户点击转盘箭头时就会触发 $rotaryarrow.click 事件。在这个事件处理程序中,您可以发出 ajax 请求来获取随机结果。例如:
立即学习“PHP免费学习笔记(深入)”;
$.ajax({ type: "post", url: "lottery.php", success: function(data) { // 处理从 php 返回的数据 // 例如,通过 data.result 设置结果文本 } });
php 处理
在 lottery.php 中,您可以使用 php 生成随机结果并将其作为 json 响应返回。例如:
$result = rand(0, 7); // 将结果作为 json 响应返回 echo json_encode(array('result' => $result));
处理 php 响应
在 ajax 请求的 success 回调中,您可以解析 json 响应并获取随机结果。例如:
$.ajax({ type: "POST", url: "lottery.php", success: function(data) { // 将结果文本设置为您提供的 rotateFunc 函数的文本参数 $resultTxt.html(data.result); } });
转盘响应
使用 rotatefunc 函数来转动转盘并显示结果文本,就像您提供的代码中一样。