如何通过 AJAX 将转盘抽奖结果传送到 PHP 并输出?
前端代码
-
发送 ajax 请求
$rotaryarrow.click(function() { $.ajax({ // 请求 url url: 'lottery.php', // 请求类型 method: 'post', // 发送的数据 data: { // 具体数据取决于你的需求 }, // ajax 请求成功后执行的回调 success: function(data, textstatus, jqxhr) { // 响应的数据 handlelotteryresult(data); }, // ajax 请求失败后执行的回调 error: function(jqxhr, textstatus, errorthrown) { alert('抽奖失败:' + textstatus); } }); });
-
处理抽奖结果
function handlelotteryresult(data) { var result = data.result; // 根据返回的 result 进行处理 // 例如: rotatefunc(result.id, result.angle, result.text); }
php 代码
-
接收前端请求
$result = $_post['data']; // 接收前端发送的数据
-
处理抽奖逻辑
$prizeid = rand(1, 7); // 产生一个随机数 $angle = $prizeid * 45; // 计算角度
-
返回结果
echo json_encode(array( 'result' => array( 'id' => $prizeId, 'angle' => $angle, 'text' => '恭喜你获得了...' // 奖品文字 ) ));