本文介绍了如何在 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"; } } }
关键点:
- 使用 Laravel HTTP Client: 建议使用 Laravel 的 Http facade,它提供了更简洁和易于使用的 API 来发起 HTTP 请求,而不是 curl。
- 密钥安全: 永远不要在客户端暴露你的 Paystack 密钥。在服务器端安全地存储和使用它。
- 数据赋值: 直接将金额赋值给 donation_sum 属性,避免不必要的数组操作。
- CSRF 保护: 对于 POST, PUT, PATCH, DELETE 请求, Laravel 默认会进行 CSRF 保护。 虽然这里是 GET 请求,但如果后续需要改为 POST 请求,请确保在前端的 AJAX 请求中包含 CSRF 令牌。可以使用 {{ csrf_token() }} 在 Blade 模板中获取 CSRF 令牌,并将其添加到 AJAX 请求的 headers 中。
- 错误处理: 在生产环境中,需要更健壮的错误处理机制。例如,记录错误日志,并向用户显示更友好的错误消息。
总结:
通过以上步骤,你可以在 Laravel 控制器中使用 AJAX GET 请求获取的数据来更新数据库,而无需额外的 AJAX 请求。 关键在于正确验证 Paystack 支付,并安全地更新用户数据。 确保使用 Laravel HTTP Client 发起请求,并注意数据赋值和 CSRF 保护。 同时,需要考虑更完善的错误处理机制,以确保应用程序的稳定性和用户体验。
评论(已关闭)
评论已关闭