
本文介绍了如何在 Laravel 控制器中使用 AJAX GET 请求接收的数据更新数据库。通过 Paystack 支付成功后,使用 AJAX 将支付参考信息发送到 Laravel 后端,并在控制器中验证支付状态,最终更新用户表中的捐赠总额。本文将详细讲解实现步骤,并提供关键代码示例和注意事项。
前端:使用 AJAX 发送支付参考信息
前端代码主要负责发起 Paystack 支付,并在支付成功后通过 AJAX GET 请求将支付参考信息发送到 Laravel 后端。以下是相关代码片段:
关键点:
- Paystack 集成: 使用 Paystack 提供的 JavaScript 库 js.paystack.co/v1/inline.js 实现支付流程。
- AJAX 请求: 在支付成功回调函数 callback 中,使用 $.ajax 发送 GET 请求到 Laravel 后端路由 verify-payment/{reference}。
- CSRF Token: 为了安全起见,需要在 AJAX 请求的 header 中包含 CSRF token。可以通过 在 HTML 中定义,然后在 AJAX 请求中获取并添加。
后端:Laravel 控制器处理 AJAX 请求并更新数据库
Laravel 控制器负责接收 AJAX 请求,验证支付状态,并更新数据库。以下是控制器代码示例:
'Bearer ' . $sec,
])->get("https://api.paystack.co/transaction/verify/$reference");
$newData = $response->json();
if ($newData['status'] == true) {
$amount = $newData['data']['amount'] / 100;
$u_input['donation_sum'] = $amount; // 使用单引号
Auth::User()->update($u_input);
return "paid";
} else {
return "something went wrong";
}
}
}关键点:
-
路由定义: 在 routes/web.php 中定义 GET 路由:
Route::get('verify-payment/{reference}', [UsersController::class, 'verify_pay'])->name('verify-payment'); Paystack API 验证: 使用 curl 或 Http Facade (推荐) 向 Paystack API 发送请求,验证支付参考信息 $reference。
数据处理: 从 API 响应中提取支付金额,并将其存储在 $u_input 数组中。
数据库更新: 使用 Auth::User()->update($u_input) 更新当前用户的 donation_sum 字段。 这里需要确保用户已经登录,并且 Auth::User() 返回的是当前登录用户模型实例。
错误处理: 增加错误处理机制,例如记录日志或返回更详细的错误信息。
注意事项:
- 安全性: 务必保护好你的 Paystack Secret Key,不要将其暴露在前端代码中。
- 错误处理: 在控制器中添加更完善的错误处理机制,例如捕获 API 请求失败的情况。
- 数据验证: 在更新数据库之前,对接收到的数据进行验证,确保数据的有效性和安全性。例如,验证 $amount 是否为数字。
- CSRF 保护: 确保你的 AJAX 请求包含了 CSRF token,以防止跨站请求伪造攻击。
- 更新方式: 确保使用正确的数组访问方式。 PHP 中访问数组元素通常使用单引号 ' 而不是双引号 ", 尤其是在数组键是字符串时。
- 使用 Laravel Http Facade: 推荐使用 Laravel 提供的 Http Facade 来发送 HTTP 请求,它更加简洁易用。
总结:
通过以上步骤,你可以在 Laravel 控制器中安全地处理来自 AJAX GET 请求的数据,并更新数据库。 记住要关注安全性、错误处理和数据验证,以确保你的应用能够可靠地运行。










