PHP前端开发

如何通过 AJAX 将转盘抽奖结果传送到 PHP 并输出?

百变鹏仔 2天前 #PHP
文章标签 转盘

转盘抽奖的 ajax 与 php 实现

如何通过 ajax 将抽奖结果传送到 php 并输出?

前端代码

  1. 发送 ajax 请求

    立即学习“PHP免费学习笔记(深入)”;

    $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); }  });});
  2. 处理抽奖结果

    function handlelotteryresult(data) {  var result = data.result;  // 根据返回的 result 进行处理  // 例如:  rotatefunc(result.id, result.angle, result.text);}

php 代码

  1. 接收前端请求

    $result = $_post['data']; // 接收前端发送的数据
  2. 处理抽奖逻辑

    $prizeid = rand(1, 7); // 产生一个随机数$angle = $prizeid * 45; // 计算角度
  3. 返回结果

    echo json_encode(array(  'result' => array( 'id' => $prizeId, 'angle' => $angle, 'text' => '恭喜你获得了...' // 奖品文字  )));