Laravel控制器视图重定向问题解析与解决方案

// 假设 spot.ID 是当前项的唯一标识
$("#getLocation" + spot.ID).click(function () {
    // 发送POST请求到后端，携带spot.ID
    // 注意：'/getlocation/' + spot.ID 假设后端路由配置为接收URL参数
    $.post("/getlocation/" + spot.ID, function (data) {
        // 检查服务器响应是否成功，并包含重定向URL
        if (data.success) {
            // 使用JavaScript将浏览器重定向到服务器提供的URL
            window.location.href = data.url;
        } else {
            // 处理错误情况，例如显示错误消息
            alert('操作失败：' + (data.message || '未知错误'));
        }
    }).fail(function(jqXHR, textStatus, errorThrown) {
        // 处理AJAX请求本身的失败
        alert('网络请求失败：' + textStatus);
    });
});

<?php

use App\Http\Controllers\LocationController;
use App\Models\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
{
    /**
     * 处理AJAX请求并返回重定向URL。
     *
     * @param  \App\Models\Location  $location 通过路由模型绑定注入的Location实例
     * @return array
     */
    public function show(Location $location)
    {
        // 返回一个JSON响应，包含成功状态和目标URL
        return [
            'success' => true,
            'url' => route('showLocation', ['location' => $location->id]) // 生成带ID的详情页URL
        ];
    }
}

// 假设 spot 是一个包含多项数据的JavaScript对象
$("#getLocation" + spot.ID).click(function () {
    // 发送AJAX POST请求，将整个spot对象发送到后端
    $.post("/getlocation", spot, function (data) {
        if (data.success) {
            // 创建一个临时的HTML表单元素
            let formEl = document.createElement('form');
            formEl.method = 'POST'; // 设置为POST方法
            formEl.action = data.url; // 设置表单提交的目标URL

            // 添加CSRF令牌作为隐藏字段，这是Laravel POST请求所必需的
            let csrfInput = document.createElement('input');
            csrfInput.type = 'hidden';
            csrfInput.name = '_token';
            // 假设你的Blade模板中有一个meta标签存储了CSRF token
            csrfInput.value = $('meta[name="csrf-token"]').attr('content');
            formEl.appendChild(csrfInput);

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

            // 将表单添加到文档体中（使其可以被提交）
            document.body.appendChild(formEl);
            // 提交表单，这将导致浏览器导航到data.url，并携带POST数据
            formEl.submit();
        } else {
            alert('操作失败：' + (data.message || '未知错误'));
        }
    }).fail(function(jqXHR, textStatus, errorThrown) {
        alert('网络请求失败：' + textStatus);
    });
});

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class LocationController extends Controller
{
    /**
     * 处理AJAX请求，准备要POST到目标页面的数据和URL。
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function show(Request $request)
    {
        // 从AJAX请求中获取所有数据
        // $request->all() 将返回一个关联数组
        $spotData = $request->all();

        // 返回一个JSON响应，包含成功状态、目标URL以及要POST的数据
        return [
            'success' => true,
            'url' => route('showLocation'), // 目标路由的名称
            'location' => [ // 准备要POST到目标路由的数据
                'NAME' => $spotData['NAME'] ?? null,
                'LONGITUDE'=> $spotData['LONGITUDE'] ?? null,
                'LATITUDE' => $spotData['LATITUDE'] ?? null,
                'ADDRESS' => $spotData['ADDRESS'] ?? null,
                'TYPE' => $spotData['TYPE'] ?? null,
                'ID' => $spotData['ID'] ?? null,
                // 根据实际需求添加更多属性
            ]
        ];
    }
}

<?php

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

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

// 接收动态表单POST请求的路由，这是最终的详情页
Route::post("/showspot", function (Request $request) {
    // 从POST请求中获取所有数据
    $locationData = $request->all();
    // 将数据转换为对象，以便在视图中更方便地访问（例如 $location->NAME）
    $location = (object)$locationData;
    return view('locations.show', compact('location'));
})->name("showLocation");