gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 04:39:23 26 4
gpt4 key购买 nike

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

State 1 - Dashboard with opened drop-down menu

现在,当用户单击菜单中的一项时,它应该将他重定向到配置页面,并包含一些数据(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,而无需刷新网站,而是可以工作和更新。

最佳答案

在 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);

关于javascript - 使用 Angular 路由从一页获取信息到另一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43147472/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com