Ajax POST 路由 URL 在 CodeIgniter 4 中显示 404

Question

I am having issues with Ajax and routes. I am using Codeigniter 4.2.1.

When I try to submit a login form using ajax, I get a 404 Not found error.

Below is the mentions code I am using:

The HTML form

<form id='loginFormScript' method='POST'>
<input type="email" id="emailLogin" name="emailLogin" >
<input type="password" id="passwordLogin" name="passwordLogin" >
<button type="submit">Submit</button>

The AJAX script

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    $("#loginFormScript").submit(function(e) {
        alert("hello");
        e.preventDefault();
        $.ajax({
            url: '<?php echo base_url('save-user'); ?>',
            type: 'POST',
            data: $('#loginForm').serialize(),
            dataType: "json",
            success: function(data) {
               //SUCCESS CODE
            }
        });
    });
</script>

The route

$routes->setDefaultNamespace('App\Controllers');
$routes->setDefaultController('Home');
$routes->setDefaultMethod('index');
$routes->setTranslateURIDashes(false);
$routes->set404Override();
$routes->get('/', 'Home::index');
$routes->get('/login', 'Home::login');

$routes->get('/new1', 'Home::loginCheck');
$routes->get('/new', 'Home::login');
$routes->post("/save-user", "Home::saveUser");

My controller

namespace App\Controllers;
class UserController extends BaseController
{
    public function __construct()
    {
            helper(['form', 'url']);
    }
    public function index()
    {
        return view('welcome_message');
    }
    public function login()
    {
      return view('login');
    }
    public function saveUser()
    {
            print_r($_POST);exit;
    }
}

Answer 1

Explanation:

app/Config/Routes.php

$routes->post("/save-user", "Home::saveUser");

The route definition above points to the saveUser method in the Home controller. Yet based on your uploaded source code, that method exists in an entirely different controller. Hence the 404 Not Found error.

Solution:

Instead, use this:✅

$routes->post("/save-user", "UserController::saveUser");