使用 Laravel 控制器处理来自 AJAX GET 请求的数据并更新数据库-php教程-PHP中文网

使用 Laravel 控制器处理来自 AJAX GET 请求的数据并更新数据库

碧海醫心

发布： 2025-08-15 19:16:16

原创

618人浏览过

使用 laravel 控制器处理来自 ajax get 请求的数据并更新数据库

本文介绍了如何在 Laravel 控制器中使用 AJAX GET 请求接收的数据更新数据库。通过 Paystack 支付成功后，使用 AJAX 将支付参考信息发送到 Laravel 后端，并在控制器中验证支付状态，最终更新用户表中的捐赠总额。本文将详细讲解实现步骤，并提供关键代码示例和注意事项。

前端：使用 AJAX 发送支付参考信息

前端代码主要负责发起 Paystack 支付，并在支付成功后通过 AJAX GET 请求将支付参考信息发送到 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_058624cb23f26e6f1a75325ec7cdc84ead42b999', // Replace with your public key
    email: document.getElementById("email-address").value,
    amount: document.getElementById("amount").value * 100,
    ref: ''+Math.floor((Math.random() * 1000000000) + 1), // generates a pseudo-unique reference. Please replace with a reference you generated. Or remove the line entirely so our API will generate one for you
    // label: "Optional string that replaces customer email"
    onClose: function(){
      alert('Window closed.');
    },
    callback: function(response){

      let reference = response.reference;

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

登录后复制

关键点：

Paystack 集成： 使用 Paystack 提供的 JavaScript 库 js.paystack.co/v1/inline.js 实现支付流程。
AJAX 请求： 在支付成功回调函数 callback 中，使用 $.ajax 发送 GET 请求到 Laravel 后端路由 verify-payment/{reference}。
CSRF Token: 为了安全起见，需要在 AJAX 请求的 header 中包含 CSRF token。可以通过 <meta name="csrf-token" content="{{ csrf_token() }}"> 在 HTML 中定义，然后在 AJAX 请求中获取并添加。

后端：Laravel 控制器处理 AJAX 请求并更新数据库

Laravel 控制器负责接收 AJAX 请求，验证支付状态，并更新数据库。以下是控制器代码示例：

<?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_1ee78b7e4524cf19d3450e198812d1b8f0ee6562"; // Replace with your secret key

        $response = Http::withHeaders([
            'Authorization' => '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。

Operator
OpenAI推出的AI智能体工具

175

查看详情
数据处理： 从 API 响应中提取支付金额，并将其存储在 $u_input 数组中。
数据库更新： 使用 Auth::User()->update($u_input) 更新当前用户的 donation_sum 字段。这里需要确保用户已经登录，并且 Auth::User() 返回的是当前登录用户模型实例。
错误处理： 增加错误处理机制，例如记录日志或返回更详细的错误信息。