Javascript 在Js中刷新页面请求

Javascript 在Js中刷新页面请求,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我是新来的angularjs。这里我有一个问题,当我登录应用程序,然后我在某个页面上需要服务器响应。所以 在我的控制器中,我可以 if (localStorage.getItem('authToken') === null || localStorage.getItem('authToken') === undefined) { $state.go('default.login'); } else { /// all other part of contro

我是新来的
angularjs
。这里我有一个问题,当我登录应用程序,然后我在某个页面上需要服务器响应。所以

在我的控制器中,我可以

if (localStorage.getItem('authToken') === null || localStorage.getItem('authToken') === undefined) {
        $state.go('default.login');
      } else {
     /// all other part of controller


$scope.loadReports = function () {
          $scope.loadingReports = true;
          if ($scope.documentType === "jobDescription") {
            $scope.showcheckbox = false;
            $scope.showSendButton = false;
          }
          var jdCurrentFileName = jdService.getjdUniqueId();
          uploadService.loadReports(uploadService.currentFileName, $scope.documentType, jdCurrentFileName)
            .then(function (response) {
},
            function (error) {
              $scope.loadingReports = false;
              $scope.errorMessage = error.status + " : " + error.statusText;
              if (error.status === 401) {
                loginService.authenticationError();
              }
            });
现在,这里发生的事情是,当我刷新页面时,我使用setter在服务中设置的所有数据都会丢失。因此,在服务中调用此服务时

loadReports: function (fileName, docType, jobId) {
                    var url = 'rez' + '/reports/' + docType + '/' + fileName + '/' + jobId;
                    var config = {};
                    config.headers = {
                        "X-AUTH-TOKEN": loginService.getAuthToken()
                    };
                    return $http.get(url, config)
                        .then(function (response) {
                            return response.data;
                        },
                        function (error) {
                            $log.error(error);
                            return $q.reject(error);
                        });
                },

如果您看到jobId来自服务setter,但当我刷新时,所有服务集值都会丢失。那么,谁能帮我一下吗?如何在AngularJS/angular中执行刷新请求?

AngularJS/angular中的单页应用程序不适合浏览器刷新。 浏览器刷新后需要保留的值需要存储在存储器、
localstorage
sessionstorage
中。使用

设置

localstorage.setItem("yourkey",value);  
sessionstorage.setItem("yourkey",value);  
检索

localstorage.getItem("yourkey");
sessionstorage.getItem("yourkey");

如果您打算通过浏览器刷新重新引用页面上显示的数据,则必须使对象侦听事件(可能导致您的数据更改的事件)

因此,现在当我刷新页面时,它将转到登录页面。以上是一个供您使用的方法。请根据您的要求将登录令牌信息存储在本地或会话存储器中,并编写代码,以便会话不会在刷新时过期。