Angular9 http.get()无法正常工作
Angular9中的http.get()方法用于发送HTTP GET请求。如果该方法无法正常工作，可能有以下几个原因：
- 服务器端问题：首先需要确保服务器端正常运行，并且能够处理GET请求。可以通过使用Postman或类似的工具来测试服务器端的API是否正常工作。
- 跨域问题：如果你的Angular应用和服务器端不在同一个域名下，可能会遇到跨域问题。可以通过在服务器端设置CORS（跨域资源共享）来解决跨域问题。
- 请求参数问题：确保你正确地设置了GET请求所需的参数。可以通过查看API文档或与后端开发人员进行沟通来确认参数的正确性。
- 订阅问题：在Angular中，Observable对象需要被订阅才能发送请求。确保你正确地订阅了http.get()方法返回的Observable对象。
- 错误处理问题：在订阅http.get()方法返回的Observable对象时，需要处理可能发生的错误。可以使用catchError操作符来捕获和处理错误。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：无服务器函数计算服务，可实现按需运行代码，无需管理服务器。详情请参考：https://cloud.tencent.com/product/scf
- 云存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
1回答
我正在开发一个简单的应用程序，使咨询后端的NodeJS。一切都在本地主机上运行得很好，但是当我在我的ip地址(192.168.1.x)上运行angular服务器时，它就不再工作了。它在'http://localhost:3000/api/article‘上运行的nodeJS REST api和https://192.168.1.x:4200中的Angular服务器。http.get代码是这样的： articles.component.ts： import {ArticlesService} from '../../services/articles.service';
浏览 9提问于2020-07-15得票数 0
有人知道如何使用$http.get从父目录中获取文件吗
如果我使用$http.get("customers.php") (文件customers.php生成json格式数据)，而customers.php在同一目录中，则系统工作正常，但如果我将客户切换到父目录，系统将无法工作(使用表达式$http.get("../customers.php") )。
我只使用AngularJS。
浏览 3提问于2015-04-21得票数 2
1回答
我正在尝试从文件中加载一个虚拟的json数据，但似乎angular2 http.get方法无法提取该数据。我正在使用下面的代码。
const obs: Observable<any> = this.http.get('http://localhost:4200/assets/mock-json/cashback.json')
.map((res: Response) => {
console.log('***********',res.json());
res.json(); })
.do((res) =
浏览 0提问于2017-06-21得票数 0
1回答
我无法显示db中的特定元素。
//component.html
<section class="firee">
<figure class="snip1208">
<div *ngFor="let scholarship of scholarships" >
<h3>{{scholarship.title}}</h3>
<p>{{scholarship.description}}</p>
&
浏览 6提问于2020-05-31得票数 0
回答已采纳
我有一个第一次加载的组件。当我添加新数据时，我想要重新加载组件。有没有人可以教我如何在angular9中做到这一点？ 如果我使用routeReUseStrategy，它会重新加载组件，但下一次将无法单击按钮。
浏览 49提问于2020-11-05得票数 0
1回答
我已经使用nvm安装了Node.js。如何安装angular9。实际上，我是.net核心的新手。我正在读一本书，在实践中，强烈建议使用NVM和angular9或更高版本来安装node.js。
如果有人能指导一下，我会非常感谢的。
浏览 2提问于2021-09-04得票数 0
这里是AngularJS newb，正在开发我的第一个应用程序(在服务器上使用.NET )。我想调用WebAPI并传递存储在$scope中的两个参数，但是它无法做到这一点。如果我硬编码这些值，它就能正常工作，但如果我使用$scope，则不会。
这样做是可行的：
$http.get("/api/v1/entries", { params: { workgroupId:"3", reportedOn: "5/23/1968" } })
这不起作用，实际上导致AngularJS完全停止了它的功能：
$http.get("/api/v1/entr
浏览 5提问于2013-12-04得票数 1
回答已采纳
1回答
我是新来的，我只是进入了一个问题。
我使用ng-重复指令填充页面中的.json文件中的内容。
data.json
{
"projects":[
{
"projectName":"Project.1",
"projectStyle":"big",
"thumb":"",
},{
"projectName":"Project.2",
"projectSt
浏览 2提问于2014-11-05得票数 0
回答已采纳
1回答
在这里找了个答案却找不到答案。可能只是在寻找错误的东西！
我试图在通过angulars http.get加载json数据之后运行一些jquery。问题是，我无法让jquery工作，并且想知道是否有人知道原因。
请求工作正常，并加载数据，不工作的只是$('.verb').fadeIn(600);。console.log运行得很好。
我怀疑这与jquery试图在元素加载到DOM之前运行有关，但是不管我把jquery放在哪里，它都不能工作。
我的代码是：
(function () {
var app = angular.module('verbsApp', [
浏览 1提问于2014-12-20得票数 1
回答已采纳
我正在开发一个Angular9 Cordova应用程序，应该只能在IOS和Android(没有网络)中运行。我在应用程序中有几个模块。我想知道，如果我让模块成为可延迟加载的，会有什么好处吗？ 我知道延迟加载的模块在web中是如何工作的，但在移动应用程序中不是很确定。
浏览 9提问于2020-04-27得票数 0
我有这样的代码：
app.controller('MainCtrl', function ($scope, $http){
$http.get('api/url-api')
.success(function (data, status, headers, config){
}
}
在我的本地环境中，工作正常，但在服务器中，返回以下错误：
TypeError：$http.get(...).success不是函数
有什么想法吗？谢谢
浏览 44提问于2016-12-16得票数 119
回答已采纳
2回答
我有一个在Angular9开发的后端。它连接到MySQL中的一个数据库，在这个数据库中对表和视图进行查询。我的Windows PC上的本地工作正常。在Debian服务器上，它抛给我一个错误，它找不到视图，视图存在，并且从MySQL它工作得很好。 "result": null,
"err": null,
"message": {
"body": {
"code": "ER_NO_SUCH_TABLE",
"errno": 1146,
浏览 32提问于2021-01-15得票数 0
我有一个输入文件，我可以在我的jsp文件中看到它，它呈现json对象。我想在Angular控制器的JS文件中调用它。
JSP中的输入文件是。
<input type="hidden" value=${getGlobalFeaturesList}
ng-model="featureslistJson" id="getglobalfeaturelist">
在我调用的控制器中
$scope.myData = ($scope.featureslistJson.ReadFeaturesResponse.feature);
在
浏览 1提问于2017-09-23得票数 0
我是angular的新手，我试图在我的头中传递一个访问令牌，但我似乎无法正确地完成它。
我有一个可以正常工作的curl请求，我正在尝试让它在angular中工作：
curl http://localhost:3000/api/v1/users -IH "Authorization: Token api_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxx"
不起作用的Angular $http调用
$http.get('http://localhost:3000/api/v1/users', {headers: {'api_key':
浏览 4提问于2014-11-06得票数 5
回答已采纳
无法访问范围，例如，将{{ pagec }}放在html上不起作用，但是当我从控制器中删除blogpostservice时，它再次正常工作。
var app = angular.module('Blog', []);
app.factory('blogpostservice', ['$http', function ($http) {
this.getMoreData = function (pagecount) {
return $http.get('/api/posts/' + pagecount);
浏览 4提问于2017-08-18得票数 0
回答已采纳
我正在尝试将我的项目更新到Angular9 / Ivy，但遇到了以下问题。我有一个自定义的"disabledControl“指令，如下面的博客(https://netbasal.com/disabling-form-controls-when-working-with-reactive-forms-in-angular-549dd7b42110)所述。我在一个带有表达式的反应式形式中使用它，以基于复选框组合启用/禁用特定控件。由于对Angular9 / Ivy的更新，当第一次调用@Input方法集disableControl时，不再设置ngControl.control。有什么建议我
浏览 14提问于2020-04-03得票数 2
回答已采纳
1回答
我正在尝试用http.get(字符串)下载一张图片，其中字符串是url。字符串是未知的，每天都在变化。我把过去的事都解决了。如果我打印字符串并将其粘贴到http.get中，它就可以正常工作。为什么http.get不关心变量字符串？
require 'net/http'
Net::HTTP.start("apod.nasa.gov") { |http|
resp = http.get("/apod/")
resp.body.each{|line|
if(line =~ /.jpg/)
line.sub!("<a h
浏览 1提问于2010-11-19得票数 1
回答已采纳
4回答
var responsePromisecom = $http.get("restapi calling"); responsePromisecom.success(function(data) { console.log(data); $scope.items=data.platform.record; }); responsePromisecom.error(function(data, status, headers, config) {
alert(&
浏览 3提问于2016-12-24得票数 3
回答已采纳
1回答
我是angular的新手，正在做一个使用angular9的web应用程序项目，我需要你的帮助。
我希望web应用程序有一个动态的网址，例如https://www.myMainURL.com/***，其中***是一个3个字符的字母数字代码。
因此，当用户在浏览器中输入https://www.myMainURL.com/A14时，他们会被重定向到主页https://www.myMainURL.com，而A14将成为我的web应用程序中输入元素的值。
我看到了一个，但我的问题是如何在angular9项目的登录页面上实现它。
任何建议都将受到高度赞赏。
提前谢谢。
浏览 1提问于2020-06-06得票数 0
我试图使用控制器调用一个角js函数。我正在使用代码：
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DevPortal</title>
<script src="js/angular.min.js"></script>
<script src="js/controllers/app.js"></script&
浏览 3提问于2018-01-16得票数 0
回答已采纳
我有一个关于的问题，我不能在Safari上下载PDF (或PNG或excel文件)，但它可以在任何其他网络浏览器上工作。我在控制台中得到错误：“无法加载资源:网络连接已丢失。”
奇怪的是，如果Tomcat提供该PDF文件，则不会下载该文件，但如果是Apache提供该文件，则下载工作正常。
下面是一个代码示例(我正在使用angular 1.5.8)：
$http.get(url, { responseType: 'arraybuffer' })
.success(function (response) {
var file
浏览 5提问于2017-07-10得票数 3
我想在使用Ionic5/Angular9构建的PWA应用程序中包含一个签名板。我正在寻找一个可以在我的应用程序中使用的组件。提前谢谢。
浏览 12提问于2020-07-03得票数 1
回答已采纳
我尝试使用来自ngShow调用的数据来使用API指令，但似乎无法使其正常工作。
我的控制器：
angular.module('app').controller('apiCallController'[$scope,'$http',function($scope,$http{
$http.get(sampleUrl)
.success(function(data){
$scope.sampleData = data
});
}]);
HTML：
<label>User Name: {{sampleDa
浏览 2提问于2017-02-23得票数 0
回答已采纳
我为angular9使用NG2图表和图表。
我画了一个甜甜圈图，它将显示如下：
但是，我希望会是这样的：
线的宽度会变小。
我怎么能这么做？谢谢。
浏览 1提问于2020-12-24得票数 0
回答已采纳
我在角js中进行http.get调用，返回本地托管的json文件。
场景:1 --成功
$http.get("/SuccessResponse.json").success(function(jsonDataa) {
//some code
}).error(function (data, status, headers, config) {
alert("error::"+status);
return status;
});
上面的代码工作得很好，我成功里面的代码也执行得很好。
场景:2-失败
但是，当我在URI上承载相同的json时
浏览 1提问于2014-07-25得票数 0
2回答
我有两个问题-
1)“成功”和“然后”有什么区别？例子- $http.get(url).then vs $http.get(url).success？
( 2)承诺是指将来会执行的事情，很好。我无法理解这与函数调用的区别。当我们使用"$q.defer.resolve()“进行调用时，将执行承诺调用。这不是函数调用吗？那么，为什么这不能是一个正常的函数，并与foo()这样的任何其他函数调用一起执行呢？我是不是错过了什么特别的承诺！！？
浏览 10提问于2015-04-02得票数 2
回答已采纳
我想从3个只有id不同的源URL中获取数据。我得到的结果是好的，但不是顺序的。我的代码是：var data = [{"id":"1"},{"id":"2"},{"id":"3"}]; var get = []; for(i=0;i<(data.length);i++){ $http.get("server URL"+data[i].id) .success(function(data) { get.push(data); })
浏览 7提问于2016-04-12得票数 3
回答已采纳
Vue.js版本是: 2.x
嗨。我正在向另一个页面发送vue js中的ajax请求，并获取它的源代码，其中包含vue.js语法(如事件)。当将此源添加到属性和添加到模板中的属性时，ajax数据源(包含vue.js语法)无法呈现，也无法正常工作。例如，模板是：
<div id="app">
{{{ foo }}}
</div>
app.js是：
var app = new Vue({
el: '#app',
data: {
foo: 'bar'
},
mounted(
浏览 6提问于2017-08-23得票数 0
回答已采纳
我试图使一个网站在angular9中，它是加载在铬，但不加载在任何版本的IE。在IE中出现以下错误。
提前谢谢。
浏览 0提问于2020-07-09得票数 0
我的Angular请求有一个问题。
angular.module('google-chart-example', []).controller("MainCtrl", function ($scope,$http,$log) {
$scope.infos = "";
//$http.get('http://ip.jsontest.com')
//$http.get('https://finance.google.com/finance/info?q=TSE:PXT')
$http
浏览 3提问于2014-08-16得票数 0
我遇到了一个我似乎无法解决的小问题。下面的代码可以正常工作，除非您第一次将鼠标悬停在链接上。任何帮助都是非常感谢的。
<div ng-app="myApp">
<a
class="pop-over"
data-original-title="default value"
data-placement="top">test link</a>
</div>
var app = angular.module("myApp", []);
app.
浏览 0提问于2013-03-28得票数 7
回答已采纳
我试图在我的angularjs "webapp“中建立一个搜索功能。当我搜索产品时一切正常，但当我将所有内容更改为搜索用户时，我会得到一个错误，无法读取未定义的属性'toLowerCase‘。
这是我的js：
return function(arr, searchString){
if(!searchString){
return arr;
}
var result = [];
searchString = searchString.toLowerCase();
angular.forEach(arr, funct
浏览 4提问于2015-12-07得票数 3
回答已采纳
我是一个角度学习的初学者&我自己学习，并且我已经加入了ngDoCheck生命周期方法。
根据文档：
对角不能或不愿单独检测的变化进行检测和行动。
父组件：
user={
name:"xxx"
}
update(){
this.user.name="yyy"
}
父视图：
<button (click)="update">update</button>
<child-comp [inputprop]="user"></child-comp>
子组件
ngDo
浏览 5提问于2020-04-02得票数 1
回答已采纳
我想在从$http.get请求加载数据后初始化一些jquery插件。见下文代码：
//this is get request code. I'm getting json data properly.
$http.get('reordering.json').success(function(data) {
$scope.words = data.data;
alert($("#sortable").html())
$("#sortable").sortable();
});
从下面的代码来
浏览 2提问于2014-09-03得票数 0
回答已采纳
我已经用、AngularJS和Cordova构建了一个应用程序。在它中，我使用$http.get()对几个php文件进行了AJAX调用，它在浏览器中工作得很好，但在应用程序中却没有。该应用程序能够通过iframe呈现网页，因此网络可以正常工作。我已将位于app.js文件中的php文件所在的服务器白化，并使用。此外，在我的php文件中，我添加了标题(‘访问-控制-允许-原产地：*')；
对于如何让这个AJAX调用正常工作，有什么建议吗？
.controller('StuffCtrl', function($scope, StuffService, LoadingServi
浏览 0提问于2014-07-28得票数 1
回答已采纳
2回答
在下面的代码中，我想要实现的是每隔10秒进行一次return $http.get(newurl_3);调用，并刷新最后一个响应中的数据。我在不同的地方尝试了setInterval，但无法使其工作。
它实际上是一个由5个步骤组成的承诺链，总共比100+代码行还多。我不确定将所有内容放在setInterval中是否是一种好的做法。
$http.get(url).then(function(data) {
// playing with data and returning a new promise
return $http.get(newurl_1);
}).then(func
浏览 1提问于2017-07-28得票数 1
回答已采纳
我试图向XML发出HTTP请求，等待返回的XML字符串，并将其转换为JS对象，并最终转换为JSON。在这个过程结束时，xml2js模块应该可以正常工作，但是我尝试使用节点的本机http.request / http.get方法来发出请求，而且即使在多次读取文档之后，我也不明白它到底是如何工作的。
下面是我想要做的事情的要点，以及我如何收到很多我不知道如何解析的东西。
在这种情况下，http.get()方法是如何工作的？
浏览 3提问于2013-10-11得票数 3
回答已采纳
我正在编写一个Angular SPA应用程序。$http.get请求如下：
$http.get("http://localhost:8888/Treatments.php")
.then(function (response) {
$scope.treatments = response.data.records;
})
.catch(function (response) {
console.log("Error: " + r
浏览 7提问于2016-08-07得票数 0
回答已采纳
1回答
数组‘响应’是我从我的.php文件中得到的
$http.get(encodedpage).success(function(response) {
$scope.friends = response;
}
它有许多值，并且过滤器工作正常。
<input type="search" ng-model="q" />
<div class="animate-repeat" ng-repeat="x in friends | filter:q as results">
浏览 3提问于2015-01-03得票数 0
回答已采纳
我正在尝试测试uber-api产品的rest端点，但使用angular无法获得成功的响应。如果我将$http.get url粘贴到浏览器中，它就可以正常工作。然而，我总是通过angularjs得到一个错误响应。下面的jsfiddle是我正在尝试实现的一个简单示例。
function UberCtrl($scope, $http) {
$http.get('https://sandbox-api.uber.com/v1/products?latitude=37.7759792&longitude=-122.41823&server_token=<token
浏览 6提问于2016-07-28得票数 0
在第一次加载到详细页时，工作正常。但是，如果我转到不同的页面并返回到详细信息页面，$http.get不会获得新数据(它不会命中MVC控制器)。它显示与上一次相同的结果。
-详细页
<div ng-controller="mycontroller" ng-init="loadPage()"></div>
-控制器
myapp.controller("mycontroller", ["$scope", function($scope){
$scope.loadPage= function(){
浏览 0提问于2016-04-30得票数 1
我已经初始化了数据表，但是它不能正常工作
function CompaniesList() {
$http.get('/Companies/GetList')
.then(function (result) {
$scope.CompaniesList = result.data;
$('#myTable').DataTable();
//if (!$.fn.DataTable.isDataTable('#myTable')) {
浏览 2提问于2017-10-09得票数 0
1回答
我有点困惑，为什么fetch似乎不能正常工作，为什么Angular的$http.get在这种情况下可以工作。我的抓取请求正在进行，我可以看到我正在创建填充一些图像所需的数组。但是它没有在我的HTML页面上填充任何内容。如果我在稍有延迟后调用该函数两次，它似乎确实在工作。如果我将其更改为$http.get，它也可以工作。这是我的fetch代码：
$scope.getPhotos = (url) => {
fetch(url).then(response => {
return response.json();
}).then(json => {
$scope.p
浏览 6提问于2017-03-09得票数 3
回答已采纳
我使用$http.get()来提交一个API请求，只要在测试时在浏览器中启用CORS，这个请求就能正常工作。当然，那只是个绷带。
我找到了这篇文章：
并将我的代码设置为as ().catch()，并且在按预期执行捕获代码的同时，仍会引发错误：
由于访问控制检查，XMLHttpRequest无法在这里加载“url”。
即使为了开发起见，当我手动禁用CORS时，我仍然会得到401个错误，尽管我的catch()。
目标是防止控制台中的旧“红色文本”错误，只需向用户发出警告即可处理它们。
浏览 1提问于2017-11-15得票数 1
我正在使用基本身份验证头来保护我们的服务。该服务在工作正常的rest客户端中进行了测试。现在我们想从UI部分发送密钥。但是我们无法通过get和post调用发送标头值。
//包含头部身份验证密钥的JSON变量。
var authorizationHeader = {
headers: {'Authorization': 'Basic xxxxxxxxxxxxxx'}
};
//用于发送请求和接收值的控制器
app.controller("UserAuth",function($scope,$http){
$http.get(get
浏览 1提问于2015-06-25得票数 2
我希望$http.get方法在提交表单时起作用。这是我的代码。当方法被调用时，对象$scope.questions正在被设置，但是数据没有显示在div中。此外，当$http.get方法在signIn()函数之外时，它也能正常工作。
$scope.signIn = function(data) {
$location.path('/profile');
var url = "database/fetch_data.php?query=";
var query = "Select * from question where userId=2&
浏览 0提问于2015-03-07得票数 0
2回答
我有脚本，工作在按钮点击：
$scope.ShowDetailsAboutTicket = function (pinTicket) {
if ($scope.showdetail == false && pinTicket != null) {
$scope.pinTicket = pinTicket;
$http.get(TicketUrl + 'GetTicket/' + $scope.terminalId + '/' + $scope.pinTicket)
浏览 1提问于2015-06-19得票数 1
很抱歉，我重复了这个问题，但我真的想找个解决办法，但我找不到。因此，我使用角$http.get xhr请求从公共api检索数据。我有下一个代码
$http.get('http://www.carqueryapi.com/api/0.3/?callback=?&cmd=getMakes&year=2000&sold_in_us=1')
.success(function(d){ console.log(d); })
.error(function(d){ console.log( "nope" );
});
这将在
浏览 2提问于2014-09-27得票数 0
回答已采纳
1回答
我在使用角q.all函数。这是不正常的
var app = angular.module('angularjs-starter', []);
app.controller('MainCtrl', function($scope, myService) {
var a=1,b=2;
myService.doBoth(a,b).then(function(a){
$scope.blah =a;
});
});
app.factory('myService', function($http, $q) {
retur
浏览 2提问于2015-07-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
