解决Laravel控制器通过AJAX POST请求重定向视图与数据传递

$("#getLocation" + spot.ID).click(function () {
    $.post("/getlocation", JSON.stringify(spot));
    // 此处缺少对服务器响应的处理
});

$("#getLocation" + spot.ID).click(function () {
    $.post("/getlocation", JSON.stringify(spot), function (data) {
        // 在这里处理服务器返回的data
        // 例如，如果data包含一个URL，则进行页面跳转
    });
});

$("#getLocation" + spot.ID).click(function () {
    // 假设 spot.ID 是 Location 模型的 ID
    $.post("/getlocation/" + spot.ID, function (data) {
        if (data.success) { // 检查服务器是否成功响应
            window.location.href = data.url; // 客户端进行页面跳转
        } else {
            // 处理错误情况
            alert('获取位置详情失败！');
        }
    });
});

<?php

use App\Http\Controllers\LocationController;
use App\Models\Location; // 假设 Location 模型位于此命名空间
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

// 接收前端AJAX POST请求，使用路由模型绑定自动解析 {location} 参数
Route::post('/getlocation/{location}', [LocationController::class, 'show']);

// 显示位置详情的GET路由，同样使用路由模型绑定
Route::get("/showspot/{location}", function (Location $location) {
    return view('locations.show', compact('location'));
})->name("showLocation");

<?php

namespace App\Http\Controllers;

use App\Models\Location; // 引入 Location 模型
use Illuminate\Http\Request;

class LocationController extends Controller
{
    public function show(Location $location) // 使用路由模型绑定，直接注入 Location 实例
    {
        return response()->json([ // 返回JSON响应
            'success' => true,
            'url' => route('showLocation', ['location' => $location->id]) // 生成目标视图的URL
        ]);
    }
}

$("#getLocation" + spot.ID).click(function () {
    // $.post 的第二个参数直接传递 spot 对象，jQuery 会自动将其序列化为 URL 编码的字符串或 JSON
    $.post("/getlocation", spot, function (data) {
        if (data.success) {
            // 动态创建并提交一个POST表单
            let formEl = document.createElement('form');
            formEl.method = 'POST';
            formEl.action = data.url; // 目标URL

            // 遍历服务器返回的数据对象，将其作为隐藏输入字段添加到表单中
            Object.keys(data.location).forEach(function (key) {
                let inputEl = document.createElement('input');
                inputEl.type = 'hidden';
                inputEl.name = key;
                inputEl.value = data.location[key];
                formEl.appendChild(inputEl);
            });

            // 添加CSRF令牌，确保POST请求的安全性
            let csrfInput = document.createElement('input');
            csrfInput.type = 'hidden';
            csrfInput.name = '_token';
            csrfInput.value = $('meta[name="csrf-token"]').attr('content'); // 从 meta 标签获取 CSRF token
            formEl.appendChild(csrfInput);

            document.body.appendChild(formEl); // 将表单添加到DOM
            formEl.submit(); // 提交表单，触发页面跳转
        } else {
            // 处理错误情况
            alert('获取位置详情失败！');
        }
    });
});

<?php

use App\Http\Controllers\LocationController;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

// 接收前端AJAX POST请求
Route::post('/getlocation', [LocationController::class, 'show']);

// 接收JavaScript动态提交的POST表单，并显示视图
Route::post("/showspot", function (Request $request) {
    // 从请求中获取所有数据，并传递给视图
    $location = $request->all(); // 或者 $request->only(['NAME', 'LONGITUDE', ...])
    return view('locations.show', compact('location'));
})->name("showLocation");

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class LocationController extends Controller
{
    public function show(Request $request) // 接收完整的 Request 对象
    {
        // 提取前端发送的所有数据
        $locationData = [
            'NAME' => $request->input('NAME'),
            'LONGITUDE'=> $request->input('LONGITUDE'),
            'LATITUDE' => $request->input('LATITUDE'),
            'ADDRESS' => $request->input('ADDRESS'),
            'TYPE' => $request->input('TYPE'),
            'ID' => $request->input('ID')
        ];

        return response()->json([ // 返回JSON响应
            'success' => true,
            'url' => route('showLocation'), // 目标视图的URL
            'location' => $locationData // 将数据也一并返回给前端
        ]);
    }
}