javascript - 使用 Angular 路由从一页获取信息到另一页

Question

对页面进行成像，该页面称为“仪表板”。在仪表板中，有一个下拉菜单，其中包含由 PHP 脚本列出的项目，其数量根据数据库结果的数量而变化。

现在，当用户单击菜单中的一项时，它应该将他重定向到配置页面，并包含一些数据(id、类型)。听起来很简单，但是使用的重定向方法是用 Angular 制作的，因此它使用 URL 哈希，而不需要刷新站点。配置页面的 URL 如下所示:

https://www.example.com/index.php#/configure

...我想获取一些数据。我们看到的网站只是一个空白网站，在文件树中名为“configuration.php”，但由于“configure.module.js.php”中的 Angular 代码，您在 URL 中看不到它”，它只是重定向用户，为他们提供正确的网站:

(function () {
  'use strict';

  angular.module('BlurAdmin.pages.configure', [])
      .config(routeConfig);

  /** @ngInject */
  function routeConfig($stateProvider) {
    $stateProvider
        .state('configure', {
          url: '/configure',
          title: 'Configuration',
          templateUrl: 'app/pages/configure/configure.php',
          controller: 'addCtrl',
        });
  }

})();

所以我假设，如果我想将数据获取到我的网站，我需要某种 GET 请求。我发现，如果我像这样使用 GET 请求，它就会起作用:

https://www.example.com/index.php?something=works&omg=itWorks#/configure

所以我的index.php将处理GET数据并将它们写入SESSION，然后可以在configuration.php中使用!

嗯，它可以工作，有点......但主要的是，它都是 Angular ，所以根本没有站点刷新!这意味着我的文件都不会被刷新，所以之后我再次单击该按钮，该站点将不会再次收到 GET 请求，它只会将我重定向到configuration.php，而不处理新数据...它将保留第一个 GET 参数和 SESSION。

所以我的问题来了。怎么做呢？我确实需要单击一下即可将该数据发送到configuration.php，而无需刷新网站，而是可以工作和更新。

Answer 1

在 html 中添加 ui-sref 像这样

ui-sref="configure/({id: valueid})

在文件配置中

url:'/configure/:id'

在你的 Controller 中添加像这样的$stateParams

 function addCtrl($scope,$http,$stateParams)

并使用ajax来获取

   var params = $.param({'id':$stateParams.id})

        $http({
                    method:'GET',
                    url:'yoururl?id=' + $stateParams.id,
                    data:params,
                    headers : { 'Content-Type': 'application/x-www-form-urlencoded' }

                }).then(onSuccess);