使用 Laravel 控制器通过 AJAX GET 请求更新数据库-php教程-PHP中文网

使用 Laravel 控制器通过 AJAX GET 请求更新数据库

花韻仙語

发布： 2025-08-15 18:38:21

原创

1010人浏览过

使用 laravel 控制器通过 ajax get 请求更新数据库

本文旨在指导开发者如何在 Laravel 控制器中，通过 AJAX GET 请求成功后直接更新数据库，避免额外的 AJAX 请求。文章将详细讲解如何配置 Paystack 支付，处理支付回调，并在控制器中使用获取到的数据更新用户表，并提供示例代码和注意事项，帮助开发者快速实现支付成功后的数据更新功能。

前端支付表单与 AJAX 请求

首先，我们需要创建一个包含 email 和 amount 输入框的支付表单，并集成 Paystack 的 JavaScript 库。当用户提交表单并成功支付后，Paystack 会调用 callback 函数，在该函数中使用 AJAX GET 请求将支付 reference 发送到 Laravel 后端。

<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', // 替换为你的公钥
    email: document.getElementById("email-address").value,
    amount: document.getElementById("amount").value * 100,
    ref: ''+Math.floor((Math.random() * 1000000000) + 1), // 生成一个伪唯一 reference，建议使用你自己的生成逻辑
    onClose: function(){
      alert('Window closed.');
    },
    callback: function(response){

      let reference = response.reference;

      // 验证支付
      $.ajax({
         type: "GET",
         url: "{{URL::to('verify-payment')}}/"+reference,
         headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // 添加 CSRF token
         },
         success: function(response){
            console.log(response);
         }
      });
    }
  });
  handler.openIframe();
}
</script>

登录后复制

注意：

将 pk_test_YOUR_PUBLIC_KEY 替换为你的 Paystack 公钥。
为了安全起见，建议在服务器端生成唯一的 reference，而不是在客户端。
添加了 CSRF token，以防止 CSRF 攻击。需要在 <head> 标签中添加 <meta name="csrf-token" content="{{ csrf_token() }}">。

后端路由配置

在 routes/web.php 文件中，定义一个 GET 路由来处理 Paystack 的支付验证回调：

Get笔记

Get笔记，一款AI驱动的知识管理产品

125

查看详情

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

登录后复制

控制器逻辑

在 UsersController.php 文件中，实现 verify_pay 方法来验证支付并更新数据库。

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Http;

class UsersController extends Controller
{
    public function verify_pay($reference)
    {
        $sec = "sk_test_YOUR_SECRET_KEY"; // 替换为你的密钥

        $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;
            $u_input = [];
            $u_input['donation_sum'] = $amount;

            Auth::user()->update($u_input);

            return "paid";
        } else {
            return "something went wrong";
        }
    }
}

登录后复制

关键点：

将 sk_test_YOUR_SECRET_KEY 替换为你的 Paystack 密钥。
使用 Http Facade 发送 HTTP 请求，简化了 cURL 的使用。
直接访问 $newData['data']['amount']，避免了不必要的数组嵌套。
使用单引号 'donation_sum' 作为数组键，这是推荐的做法。
使用 Auth::user() 获取当前登录用户，并使用 update() 方法更新数据库。

注意事项和总结

安全性： 务必保护好你的 Paystack 密钥，不要将其暴露在客户端代码中。
错误处理： 在实际项目中，需要添加更完善的错误处理机制，例如记录日志、返回错误信息给用户等。
事务： 如果需要更新多个数据表，建议使用数据库事务，以确保数据的一致性。
代码风格： 遵循 Laravel 的代码风格规范，提高代码的可读性和可维护性.

通过以上步骤，你就可以在 Laravel 控制器中，使用 AJAX GET 请求成功后获取的数据直接更新数据库，无需额外的 AJAX 请求，简化了流程并提高了效率。 Remember to replace the placeholder keys with your actual Paystack keys.

以上就是使用 Laravel 控制器通过 AJAX GET 请求更新数据库的详细内容，更多请关注php中文网其它相关文章！