MVC架构下JS Fetch请求写法求助：路由调用VS直接访问控制器？

核心结论 #

必须通过route.php的路由规则构造Fetch请求，绝对不能直接访问controller_signup.php。直接访问控制器文件会触发Class 'Controller' not found错误，因为项目的依赖加载（父类定义、自动加载逻辑等）都是通过路由入口（如index.php调用Route::start()）统一处理的，单独访问控制器文件不会触发这些必要的加载流程。

问题修正与代码调整 #

1. 修正控制器方法名匹配路由规则 #

你的路由代码会给URL中的操作名自动添加action_前缀，但当前controller_signup.php中的方法是register，无法被路由正确识别，需要修改方法名：

class Controller_signup extends Controller
{
    public function __construct()
    {
        $this->model = new model_signup();
        $this->view = new View();
    }

    // 方法名改为action_register，匹配路由的action_前缀规则
    public function action_register(): bool
    {
        if (!empty($_POST['login']) && !empty($_POST['email']) && !empty($_POST['password'])) {
            $regLogin = $_POST['login'];
            $regEmail = $_POST['email'];
            $regPassword = md5($_POST['password']);
            $this->model->registerNewUser($regLogin, $regEmail, $regPassword);
            // 建议返回JSON格式响应，方便前端处理
            echo json_encode(['success' => true]);
            return true;
        }
        echo json_encode(['success' => false, 'msg' => '参数不全']);
        return false;
    }
}

2. 完善路由文件的加载逻辑 #

你提供的route.php代码不完整，需要补充文件加载和方法调用逻辑，确保能正确加载控制器并执行对应方法：

class Route
{
    static function start()
    {
        $controller_name = 'Main';
        $action_name = 'index';
        // 去掉URL首尾的斜杠，避免空元素干扰解析
        $routes = explode('/', trim($_SERVER['REQUEST_URI'], '/'));

        if (!empty($routes[0])) {   
            $controller_name = $routes[0];
        }
        if (!empty($routes[1])) {
            $action_name = $routes[1];
        }

        $model_name = 'Model_'.$controller_name;
        $controller_name = 'Controller_'.$controller_name;
        $action_name = 'action_'.$action_name;

        // 加载模型文件（假设模型存放在models目录）
        $model_path = "models/".strtolower($model_name).".php";
        if(file_exists($model_path)) {
            include $model_path;
        }

        // 加载控制器文件（假设控制器存放在controllers目录）
        $controller_path = "controllers/".strtolower($controller_name).".php";
        if(file_exists($controller_path)) {
            include $controller_path;
        } else {
            // 处理控制器不存在的情况，比如跳转到首页
            header("Location: /");
            exit;
        }

        // 实例化控制器并调用对应方法
        $controller = new $controller_name();
        if(method_exists($controller, $action_name)) {
            $controller->$action_name();
        } else {
            // 处理操作不存在的情况，调用默认操作
            $controller->action_index();
        }
    }
}

3. 正确编写Fetch请求代码 #

确保请求路径符合路由规则，建议使用绝对路径避免相对路径的层级问题，同时添加响应处理逻辑：

const form = document.getElementById('form');
form.addEventListener('submit', formSend);

async function formSend(e) {
    e.preventDefault();

    const data = new FormData(form);

    // 用绝对路径指向路由解析的路径，确保无论页面在哪层级都能正确请求
    const response = await fetch('/signup/register', {
        method: 'POST',
        body: data,
    });

    // 解析控制器返回的JSON响应
    const result = await response.json();
    if (result.success) {
        alert('注册成功');
        // 可以添加页面跳转逻辑
        window.location.href = '/';
    } else {
        alert('注册失败：' + result.msg);
    }
}

4. 配置URL重写（关键步骤） #

需要配置服务器的URL重写规则，让所有请求都经过路由入口index.php处理：

• Apache（.htaccess文件）：

RewriteEngine On
# 排除实际存在的文件和目录
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 所有请求转发到index.php
RewriteRule ^(.*)$ index.php/$1 [L]

• Nginx（配置文件）：

location / {
    try_files $uri $uri/ /index.php?$query_string;
}

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