Laravel中Ajax无法插入数据库的问题排查及控制器请求验证问询

我来帮你一步步解决Ajax无法写入数据库的问题，同时教你如何验证请求是否到达Laravel控制器。

一、先修复Ajax代码里的几个关键错误 #

你的脚本里有几个明显的拼写/语法错误，直接导致请求无法正常发送：

1. 事件对象名称不匹配：你在点击事件里写了e.preventDefault();，但函数参数是event，这会触发e is not defined的错误，让代码直接中断。
2. dataType拼写错误：写成了'jason'，正确的是'json'，这会导致请求成功后无法正确解析响应。
3. 按钮选择器范围太广：$('button')会绑定页面上所有按钮的点击事件，建议用你给按钮加的class选择器.buy_now更精准。
4. 缺少错误处理：没有捕获请求失败的情况，不利于调试。

修正后的视图脚本代码：

<script>
$(document).ready(function(){
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    // 用精准的class选择器绑定按钮点击
    $('.buy_now').click(function(event){
        event.preventDefault(); // 修正事件变量名
        var amount = $('.amount').html();
        $.ajax({
            url : '{{route('razorpay')}}',
            method : 'POST',
            dataType : 'json', // 修正拼写错误
            data : {amount : amount * 100},
            success : function (response) {
                console.log('请求成功:', response);
                // 可添加用户提示，比如 alert('支付金额已保存');
            },
            error: function(xhr, status, error) {
                // 新增错误处理，方便调试
                console.error('请求出错:', status, error);
                console.log('服务器响应:', xhr.responseText);
            }
        });
    });
});
</script>

二、优化控制器代码 #

控制器里的返回格式要匹配Ajax的json期望，同时建议增加数据验证，确保存入数据库的是有效数据：

use Illuminate\Http\Request;
use App\Models\Payment; // 确保引入Payment模型

public function dopayment(Request $request)
{
    // 先验证请求参数的合法性
    $request->validate([
        'amount' => 'required|integer|min:1'
    ]);

    // 只提取需要的字段，避免存入冗余数据
    $data = $request->only(['amount']);
    $result = Payment::insert($data);
    
    // 返回标准的JSON响应，而非纯文本
    if($result){
        return response()->json(['status' => 'success', 'message' => '金额已成功存入数据库']);
    } else {
        return response()->json(['status' => 'error', 'message' => '数据插入失败'], 500);
    }
}

另外要确认路由route('razorpay')正确指向这个方法，比如在routes/web.php中：

Route::post('/razorpay', [PaymentController::class, 'dopayment'])->name('razorpay');

三、判断Ajax请求是否到达控制器的实用方法 #

你可以通过以下几种方式验证请求是否成功转发到控制器：

• 日志打印法：在控制器方法开头添加日志代码，然后查看Laravel日志文件：

  \Log::info('收到Ajax支付请求，参数:', $request->all());
  

  打开storage/logs/laravel.log，如果能看到这条日志，说明请求已到达控制器。

• 浏览器开发者工具：按下F12打开开发者工具，切换到Network标签，点击按钮后查看是否有razorpay的请求：

  • 状态码200：请求成功到达并返回；
  • 状态码419：CSRF令牌验证失败；
  • 状态码404：路由配置错误；
  • 状态码500：控制器代码有错误，可查看Response标签里的错误详情。

• 直接返回标记内容：在控制器方法里临时添加一行返回代码：

  return response()->json(['message' => '请求已成功到达控制器']);
  

  如果Ajax的success回调里能打印出这个内容，说明请求已抵达控制器。

• dd()调试函数：在控制器方法开头添加：

  dd($request->all());
  

  点击按钮后，查看开发者工具Network中该请求的响应内容，如果能看到打印的参数，说明请求已到达。

内容的提问来源于stack exchange，提问作者Mrunali Khandekar