AngularJS-$ http加载资源失败:服务器响应状态为404

时间:2018-10-10 07:06:31

标签: javascript java angularjs spring-mvc angular-ui-router

我已经使用Angularjs创建了单页应用程序。浏览页面时,我面临以下问题。

问题1:

$http调用下面,将命中Spring Controller,成功处理后,此spring方法将返回bean。

@RequestMapping(value="/getStatus",method=RequestMethod.GET)

从服务器端收到响应后,它将转到JS方法中的错误块

  

无法加载资源:服务器的状态为404(未找到)-> / getStatus

成功处理后为什么会进入错误阻止?

问题2:

即使我使用state.go从错误块导航页面,也会渲染Acknowledgement.jsp{{status}}->打印为空

我在AngularJs和UI路由器上挣扎了2天。请帮助

Progress.jsp

<div ng-controller="myctrl as mydata" ng-init="getStatus()">
    // progress icon here
</div>

MyCtrl.js

$scope.getStatus = function() {

$http({
    url: CONTEXT_PATH + 'getStatus',
    method: "GET",
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data, status, headers, config) {
        console.log("success block : "+status);
        $scope.paymentStatus = data.epaymentStatus;
        $state.go("Acknowledgement");
    }).error(function (data, status, headers, config) {
        console.log("failure block : "+status);
        $scope.paymentStatus = data.epaymentStatus;
        $state.go("Acknowledgement");
    });

};

Acknowledgement.jsp

<script type="text/javascript">
console.log("Status :: "+status);
// Here status printing as SUCCESS
</script>

<div ng-controller="myctrl as mydata" id="RESPONSE">
{{status}} --> printing empty
<div class="row row-space" ng-if="status == 'SUCCESS'">
</div>
</div>

ProcessController.java

@RequestMapping(value="/getStatus",method=RequestMethod.GET)
public ProcessBean getStatus(HttpServletRequest 
httpRequest, HttpServletResponse httpResponse) {
    ProcessBean processBean = new ProcessBean();
    try {
        // Business process takes place here
        processBean.setStatus("SUCCESS");
        httpRequest.setAttribute("processStatus", "S");

    } catch(Exception e) {
        processBean.setStatus("FAILURE");
        httpRequest.setAttribute("processStatus", "S");
        e.printStackTrace();
    }
    return processBean;
}

1 个答案:

答案 0 :(得分:0)

通过在方法中添加@ResponseBody解决了我的第一个问题。

@RequestMapping(value="/getStatus",method=RequestMethod.GET)
public @ResponseBody ProcessBean getStatus(HttpServletRequest 
httpRequest, HttpServletResponse httpResponse) {
    ProcessBean processBean = new ProcessBean();
    try {
        // Business process takes place here
        processBean.setStatus("SUCCESS");
        httpRequest.setAttribute("processStatus", "S");

    } catch(Exception e) {
        processBean.setStatus("FAILURE");
        httpRequest.setAttribute("processStatus", "S");
        e.printStackTrace();
    }
    return processBean;
}