gpt4 book ai didi

javascript - AngularJS:如何在选择事件时更改 $http.get 中的 url

转载 作者:行者123 更新时间:2023-11-28 07:24:11 25 4
gpt4 key购买 nike

我有customers.php 文件,它生成json 数据。当我们像这样更改 url 中的变量时,json 数据列表也会发生变化

customers.php?var=5

在 AngularJS 中,我制作了包含两个独立部分的 html 文件。第一部分是具有特定值的选择选项。第二部分是显示 json 数据的部分。很明显,第二部分使用 $http.get(url) ,其中 url 是 Controller 中的 customers.php?var=selected_number

当用户在 < select > ... html 文件中选择特定选项时,如何更改使用 $http.get 的 Controller 中的 url。

脚注:这是 Controller 文件的示例

var Pajsije = angular.module('CodeOverflow', ['ngRoute']);

Pajsije.config(function($routeProvider) {
$routeProvider

// route for the home page
.when('/viewa', {
templateUrl : 'viewa.html',
controller : 'ViewAController'
})

// route for the about page
.when('/viewb', {
templateUrl : 'viewb.html',
controller : 'ViewBController'
})

// route for the contact page
.when('/viewc', {
templateUrl : 'viewc.html',
controller : 'ViewCController'
})
.otherwise({
redirectTo: '/viewa'
});
});

// create the controller and inject Angular's $scope
Pajsije.controller('ViewAController', function($scope) {
// create a message to display in our view
$scope.message = 'Good look!';
});

Pajsije.controller('ViewBController', function($scope) {
$scope.message = 'Look about page.';
});

Pajsije.controller('ViewCController', ['$scope','$http', '$templateCache', function($scope, $http, $templateCache) {

$scope.myChange = function() {

$http({method: 'GET', url: '../json-data/customers.php?idstudm=12', cache: $templateCache}).success(function (response) {$scope.names = response.records;});

};

}]);

最佳答案

每当在 UI(HTML 页面)中进行选择(querypart)时,尝试 $rootScope 在 Controller 中设置 URL 的变量部分。

$rootScope.variableURL = "customers.php?var=" + $scope.selected_number;
发送 $http 请求时将其附加到 URL。如果我没有正确理解要求,请通知我。
我们已经知道 $rootScope 可以跨所有 Controller 访问,并且可用于跨 Controller 和服务传输较小的数据。

关于javascript - AngularJS:如何在选择事件时更改 $http.get 中的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29889599/

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