ajax提交表单 404 (Not Found)

最新推荐文章于 2025-05-11 21:23:39 发布

原创最新推荐文章于 2025-05-11 21:23:39 发布 · 5.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax提交报（404 Not Found错误

HTML+CSS+JAVASCRIPT 专栏收录该内容

20 篇文章

订阅专栏

本文解决了一个常见的Ajax前后端分离时的404(NotFound)错误，通过调整相对路径，从../service/login.php更改为./service/login.php，确保了loginCtrl.js文件和login.php文件在同一层级，避免了路径错误引发的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用户登录注册使用Ajax前后端分离时出现404 (Not Found)错误，最后发现相对路径错误导致：

loginCtrl.js下的Ajax代码:
$.ajax({
    url: "../service/login.php",
    type: "POST",
    data: {
        username: $scope.username,
        password: $scope.password
    },
    success: function (data) {
        console.log(data);
        data = JSON.parse(data);
        if (data.code < 0){
            alert(data.message);
            return;
        }
        alert(data.message);
        $location.path('/home');
            },
    error: function (data) {
        console.log(data);
    }
});

这里的的相对路径错误，loginCtrl.js文件和login.php文件都在以demo_angularjs为根目录的文件夹下，所以二者属于同一层，将上述代码修改即可：

$.ajax({
    url: "./service/login.php",
    type: "POST",
    data: {
        username: $scope.username,
        password: $scope.password
    },
    success: function (data) {
        console.log(data);
        data = JSON.parse(data);
        if (data.code < 0){
            alert(data.message);
            return;
        }
        alert(data.message);
        $location.path('/home');
            },
    error: function (data) {
        console.log(data);
    }
});