$ http GET URL更改并查找错误的资源

时间:2015-03-21 05:14:06

标签: javascript angularjs single-page-application

我正在开发单页应用程序。我正在使用Angularjs.v1.2.28。我正在使用此代码向后端发出HTTP GET请求。

return {
        getCategories : function(sessionid,terminalid,tableno,section){

            var req = {
                     method: 'GET',
                     url: Config.url+ "/menucategories",
                     params : {
                         'sessionid' : sessionid,
                         'terminalid' : terminalid, 
                         'tableno' : tableno,
                         'section' : section
                     }
            };

            return $http.get(req);
        },

我使用从控制器中的服务返回的promise对象。

var categoryPromise = categoryService.getCategories(sessionid,terminalid,tableno,section);
    categoryPromise.then(function(payload){
        var categories =  payload.data;

        if(categories.status.code == "1"){
            if(Object.prototype.toString.call(categories) === '[object Array]') {
                $scope.categories = categories;
                categoryService.setCategories(categories);
                $scope.pax = tableService.getPax();
                $scope.tablechair = tableService.getChoseTableChair();
            }
        }
        else{
            $location.url("/login");
            $scope.errorMsg = categories.status.desc;
        }
    },function(errorPayload){
        $location.url("/login");
        $scope.errorMsg = "Server error while processing the request.Please contact system administrator";
    });

由于URL被更改为附加了一些格式错误字符的浏览器应用程序URL,因此始终会调用errorCallback。我给的URL是

http://localhost:8080/CafexRestful/menucategories

但是,它会更改为

下面的浏览器应用程序URL
http://localhost:8080/CafexMobile/[object%20Object]

我一直在使用Chrome和Firebug进行调试。我无法解决它。它可能是在引擎盖下发生的事情。相同的代码正在与另一个控制器和服务一起工作,我获取不同的数据。如果您需要更多信息,请告诉我。感谢。

1 个答案:

答案 0 :(得分:2)

angularjs中的

$ http.get 需要一个url字符串。您应该使用url字符串而不是对象

使用$ http.get函数:

  return {
            getCategories : function(){

                return $http.get("/menucategories"); // using $http.get function.
            },

使用$ http功能。

return {
        getCategories : function(sessionid,terminalid,tableno,section){

            var req = {
                     method: 'GET',
                     url: Config.url+ "/menucategories",
                     params : {
                         'sessionid' : sessionid,
                         'terminalid' : terminalid, 
                         'tableno' : tableno,
                         'section' : section
                     }
            };

            return $http(req); //using $http function only.
        },

请参阅文档:https://docs.angularjs.org/api/ng/service/ $ http