boxmoe_header_banner_img

Hello! 欢迎来到悠悠畅享网!

文章导读

Laravel 中使用 AJAX GET 请求更新数据库


avatar
站长 2025年8月15日 3

Laravel 中使用 AJAX GET 请求更新数据库

本文介绍了如何在 Laravel 控制器中使用 AJAX GET 请求获取的数据来更新数据库,而无需在成功后进行额外的 AJAX 请求。重点在于理解如何正确处理 Paystack 支付验证后的数据,并将其安全地更新到用户表中。同时,也强调了 CSRF 令牌的重要性以及正确的数据赋值方式。

前端:支付表单和 AJAX 请求

首先,我们需要一个支付表单,并使用 Paystack 的 JavaScript 库来处理支付流程。以下是一个示例:

<form id="paymentForm">   <div class="form-group">     <label for="email">Email Address</label> <br>     <input type="email" id="email-address" required />   </div>   <div class="form-group">     <label for="amount">Amount</label><br>     <input type="tel" id="amount" required />   </div>    <div class="form-submit">     <button type="submit" onclick="payWithPaystack(event)"> Pay </button>   </div> </form> <script src="https://js.paystack.co/v1/inline.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> const paymentForm = document.getElementById('paymentForm'); paymentForm.addEventListener("submit", payWithPaystack, false); function payWithPaystack(e) {   e.preventDefault();   let handler = PaystackPop.setup({     key: 'pk_test_YOUR_PUBLIC_KEY', // 替换为你的 Paystack 公钥     email: document.getElementById("email-address").value,     amount: document.getElementById("amount").value * 100,     ref: ''+Math.floor((Math.random() * 1000000000) + 1), // 生成一个伪唯一的引用。建议替换为服务端生成的引用。     onClose: function(){       alert('Window closed.');     },     callback: function(response){        let reference = response.reference;        // 验证支付       $.ajax({          type: "GET",          url: "{{URL::to('verify-payment')}}/"+reference,           success: function(response){             console.log(response);          }       });     }   });   handler.openIframe(); } </script>

注意事项:

  • 将 pk_test_YOUR_PUBLIC_KEY 替换为你的 Paystack 公钥。
  • 建议在服务器端生成唯一的引用(ref),而不是在客户端生成。
  • 确保引入了 Paystack 的 JavaScript 库和 jQuery。

后端:Laravel 路由和控制器

在 routes/web.php 中定义 AJAX GET 路由:

Route::get('verify-payment/{reference}', 'UsersController@verify_pay')->name('verify-payment');

在 UsersController.php 中,实现 verify_pay 方法:

<?php  namespace AppHttpControllers;  use IlluminateSupportFacadesAuth; use IlluminateHttpRequest; use IlluminateSupportFacadesHttp;  class UsersController extends Controller {     public function verify_pay($reference)     {         $sec = "sk_test_YOUR_SECRET_KEY"; // 替换为你的 Paystack 密钥          $response = Http::withHeaders([             'Authorization' => 'Bearer ' . $sec,             'Cache-Control' => 'no-cache',         ])->get("https://api.paystack.co/transaction/verify/$reference");          $newData = $response->json();          if ($newData['status'] == true) {             $amount = $newData['data']['amount'] / 100;              $user = Auth::user();             $user->donation_sum = $amount; // 直接赋值             $user->save();              return "paid";         } else {             return "something went wrong";         }     } }

关键点:

  1. 使用 Laravel HTTP Client: 建议使用 Laravel 的 Http facade,它提供了更简洁和易于使用的 API 来发起 HTTP 请求,而不是 curl。
  2. 密钥安全: 永远不要在客户端暴露你的 Paystack 密钥。在服务器端安全地存储和使用它。
  3. 数据赋值: 直接将金额赋值给 donation_sum 属性,避免不必要的数组操作。
  4. CSRF 保护: 对于 POST, PUT, PATCH, DELETE 请求, Laravel 默认会进行 CSRF 保护。 虽然这里是 GET 请求,但如果后续需要改为 POST 请求,请确保在前端的 AJAX 请求中包含 CSRF 令牌。可以使用 {{ csrf_token() }} 在 Blade 模板中获取 CSRF 令牌,并将其添加到 AJAX 请求的 headers 中。
  5. 错误处理: 在生产环境中,需要更健壮的错误处理机制。例如,记录错误日志,并向用户显示更友好的错误消息。

总结:

通过以上步骤,你可以在 Laravel 控制器中使用 AJAX GET 请求获取的数据来更新数据库,而无需额外的 AJAX 请求。 关键在于正确验证 Paystack 支付,并安全地更新用户数据。 确保使用 Laravel HTTP Client 发起请求,并注意数据赋值和 CSRF 保护。 同时,需要考虑更完善的错误处理机制,以确保应用程序的稳定性和用户体验。



评论(已关闭)

评论已关闭