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

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

碧海醫心

发布： 2025-08-15 16:20:12

原创

956人浏览过

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 方法：

Get笔记

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

125

查看详情

<?php

namespace App\Http\Controllers;

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

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 保护。同时，需要考虑更完善的错误处理机制，以确保应用程序的稳定性和用户体验。

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