1. 程式人生 > >ajax提交表單 404 (Not Found)

ajax提交表單 404 (Not Found)

使用者登入註冊使用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);
    }
});