發送表單請求以表示不更改網址

Question

我正在嘗試執行登錄表單。我正在使用angularjs的ng-submit。當點擊提交按鈕時，我想要在服務器中調用post方法而不更改url。

express的post需要它響應的url。如果我的登錄屏幕的網址是http://localhost:2000/login，並且點擊提交時，我希望post被調用相同的網址http://localhost:2000/login。

而且我不明白如何使用$http的url密鑰。

登錄HTML：

<form ng-controller="loginController" ng-submit="loginFunc()"> 
<input type="text" name="" ng-model="login"> 
<input type="password" ng-model="password" name=""> 
<input type="submit" value="login" name=""> 

控制器：

.controller('loginController', function($scope, $http) { 
    $scope.login = "" 
    $scope.password = ""; 
    $scope.loginArray = []; 
    $scope.loginFunc() { 
    $scope.loginArray.push($scope.login); 
    $scope.loginArray.push($scope.password); 
    $http({ 
     method: 'POST', 
     url: 'loginClick', 
     data: $scope.loginArray 
    }) 
    } 
}) 

的server.js：

app.get('/login', function(request, response) { //the file sent when /login is requested 
    response.sendFile(__dirname + "/staticFolder/view/login.html"); 
}) 

app.post('/loginCheck', function(request, response) { //call this when submit button is clicked without change in url 
    console.log(JSON.stringify(request.body) + "req"); 
}) 

Answer 1

嘗試發送的登錄信息爲對象，而不是發送在array.It會讓你的生活更輕鬆。

.controller('loginController', function($scope, $http) { 
    $scope.loginFunc() { 
     $http({ 
       method: 'POST', 
       url: '/loginCheck', //not loginClick make sure you have a route to handle this. 
       data: { 
        login: $scope.login, 
        password: $scope.password 
       } 
      }) 
      .then(function(response) { 
       //Success handling 
      }, function(err) { 
       //Error handling 
      }); 
    } 
}) 

你必須在每一個路線迴應

編輯1個 使用後端爲：使用相同的URL /login，但不同的HTTP動詞（get和post）

app.get('/login', function(request, response) { //the file sent when /login is requested 
    response.sendFile(__dirname + "/staticFolder/view/login.html"); 
}); 
app.post('/login', function(request, response) { //call this when submit button is clicked without change in url 
    console.log(JSON.stringify(request.body) + "req"); 
    /* 
    below will be the logic for handling your interest. 
    */ 
    someIOCall(function Handler(err,resultJson){ 
    if(err) 
     return res.status(500).end(); 
    res.status(200).end(resultJson) 
    })  
}) 

它應該在場景中工作。

Answer 2

你應該發送POST數據爲對象，不作爲數組，如果不表示d oes不知道哪個參數具有哪個值。

另外，像'loginClick'這樣的字符串不能用作url。

嘗試類似：

$scope.loginFunc = function(){ 
     $http({ 
      method:'POST', 
      url:'/login', 
      data: { 
       login: $scope.login, 
       password: $scope.password 
      } 
     }) 
    } 

不是100％肯定是「/ login」是不夠的URL，如果不嘗試用端口指定絕對URL等

如果你想發佈到

「/登錄」，你必須調整你的路線明確，以及：

app.post('/login', function(request,response) { 
    console.log(JSON.stringify(request.body)+"req"); 
})