Laravel处理AJAXGET更新数据库方法

想知道如何在 Laravel 中利用 AJAX GET 请求成功后直接更新数据库吗？本文将深入探讨如何实现这一高效技巧，避免冗余的 AJAX 请求。我们将以 Paystack 支付集成为例，详细讲解配置支付回调、控制器处理以及数据库更新的完整流程。文章提供清晰的代码示例，助你快速掌握前端支付表单构建、Paystack JavaScript 库集成，以及后端路由配置和控制器逻辑编写。重点关注安全性、错误处理和代码风格，确保你的 Laravel 应用在处理支付回调时既安全又高效。立即学习，提升你的 Laravel 开发技能！

本文旨在指导开发者如何在 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>
    &lt;input type=&quot;email&quot; id=&quot;email-address&quot; required /&gt;
  </div>
  <div class="form-group">
    <label for="amount">Amount</label><br>
    &lt;input type=&quot;tel&quot; id=&quot;amount&quot; required /&gt;
  </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 攻击。需要在 标签中添加 。

后端路由配置

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

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处理AJAXGET更新数据库方法》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！