javascript - 路由在 Angular 和 Nodejs 应用程序中不起作用

Question

基本上我不是一个 JS 开发人员。但对于一个应用程序，我使用 AngularJS 作为前端，使用 NodeJS 作为后端。

在 angularjs 中，我编写了一个需要用户填写的表单，一旦用户填写了该表单，他就可以使用提交按钮提交它。在提交按钮单击事件上，我编写了下面的代码。

<div class="submit" align="center">
    <input type = "submit" value="Submit !" ng-click="addResume()">
 </div>

其中 addResume() 是在 Angular Controller 内部声明的函数，如下 -

$scope.addResume = function(){
    console.log($scope.resume);
    $http.post("/Resume", $scope.resume);
};

该函数将调用 Node js 服务器上的函数。这将简单地打印 success.html 页面上的请求字段和路由。请参阅下面的代码--

 app.post('/Resume',function(req,res, next){
    console.log(req.body);
     // res.render(path.join(__dirname)+'/views/success.html');
    next();
 })

现在我面临的问题是我能够获取通过 Angular 表单提交的数据，但应用程序没有移动到成功页面我尝试了 res.render 和 next() 选项但无法流动到成功页面。

请帮我解决这个问题。

Answer 1

您执行 Ajax 请求，ajax 请求不会加载您重定向的页面。

如果您想移动到下一页，您必须从客户端执行此操作:

$http.post("/Resume", $scope.resume).then(function(response){
    // success move to next page here
}, function(rejection){
    // handle failure
})

另一种方法是调用提交表单函数，这样您的表单就会在 native 提交，但是数据不会以 json 形式发送到服务器，它们将在请求正文中以经典查询字符串格式发送。