result.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en" style="width: 100%">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>抽奖结果</title>
  8. <style type="text/css">
  9. *{
  10. margin: 0;
  11. padding: 0;
  12. }
  13. </style>
  14. <script src="js/jquery.min.js"></script>
  15. <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  16. <script type="text/javascript">
  17. $(function(){
  18. var id = null;
  19. var url = location.search;
  20. if (url.indexOf("?") != -1) {
  21. var str = url.substr(1);
  22. strs = str.split("=");
  23. id = strs[1];
  24. }
  25. if(id != null){
  26. $.post("../prize/getluckDrawByUserId", {
  27. UserId: id
  28. }, function(resp) {
  29. if (resp.code == 'error') {
  30. console.log(resp.code);
  31. }else{
  32. if(resp.data.length != 0){
  33. for(let index in resp.data){
  34. $("table").append("<tr><td>" + resp.data[index].nickName + "</td><td>" + resp.data[index].prize + "</td></tr>");
  35. }
  36. }else{
  37. $("body").append("<p style='text-align: center'>没有中奖信息</p>");
  38. }
  39. }
  40. });
  41. }
  42. })
  43. </script>
  44. </head>
  45. <body style="width: 100%">
  46. <table class="table table-condensed">
  47. <tr>
  48. <th>昵称</th>
  49. <th>奖品</th>
  50. </tr>
  51. </table>
  52. </body>
  53. </html>