如何在Angular中修复此post请求
在Angular中修复post请求的方法可以通过以下步骤实现：
- 确保在Angular项目中已经引入了HttpClient模块：
- 确保在Angular项目中已经引入了HttpClient模块：
- 创建一个服务(Service)来处理post请求，在该服务中注入HttpClient：
- 创建一个服务(Service)来处理post请求，在该服务中注入HttpClient：
- 在需要发送post请求的组件中，注入并使用ApiService：
- 在需要发送post请求的组件中，注入并使用ApiService：
在上述代码中，我们通过创建一个ApiService来封装post请求，并在需要发送post请求的组件中使用该服务。首先，在ApiService中注入HttpClient模块，并创建一个名为postData的方法，该方法接收请求URL和请求数据作为参数，使用HttpClient的post方法发送post请求。然后，在组件中注入ApiService，并在sendPostRequest方法中调用postData方法发送post请求，并通过subscribe方法订阅返回的响应。
通过以上步骤，你可以在Angular中修复post请求的问题。当需要发送post请求时，只需调用ApiService中封装好的postData方法，传入请求URL和请求数据即可。请注意，在实际的开发中，你需要根据具体需求调整代码，并使用适当的URL和数据。
相关·内容
1回答
我正在处理跨源请求来访问我的restful，所以我想在每个请求中设置http请求头中的字段“授权”，但是不打算在header...so中设置--这里做错了什么？
我的app.js
'use strict';
var app = angular.module('samepinch', [
'ngResource',
'ngCookies',
'ui.router',
'toaster',
'ui.bootstrap',
'oc.
浏览 1提问于2015-07-22得票数 0
回答已采纳
如何在Angular 8中获取post请求的响应头，并将jwt令牌存储在本地存储中
login(req): Observable<any> {
return this.http.post(this.apiUrl + '/login', req).pipe(
map(res => {
if (res) {
this.loggedIn.next(true);
}
return res;
})
);
}
浏览 0提问于2020-01-29得票数 0
如果站点使用表单post重定向到我的目标站点，我希望能够使用angular 2 typescript读取post请求中的传入数据。有办法做到这一点吗？
浏览 11提问于2017-02-09得票数 1
回答已采纳
我有一个失败的集成测试，原因是：
"Timeout::Error: timeout while waiting for angular"
我已经使用selenium运行了测试，这样我就可以看到发生了什么，并且页面加载得非常好。我在测试中添加了一个调试器，这样我就可以使用测试夹具浏览应用程序--一切都运行得很好……
然而，在调试器中，只要我输入"page“来查询水豚认为它看到了什么，我就会得到：
[5] pry(#<RSpec::Core::ExampleGroup::Nested_1>)> page
Timeout::Error: timeout wh
浏览 2提问于2014-10-02得票数 1
我有一个角服务，它调用Play服务器并获取JSON对象。下面是我的代码片段。
service.js
angular.module('testApp.services',[]).factory('testService',function($resource){
var service = {
getData : getData
};
function getData(){
return $resource('http://localhost:9000/testRead',{}, {
save: {
浏览 2提问于2016-08-10得票数 0
回答已采纳
我对angularjs很陌生，我试图使用angularjs client.Initially来使用wcf restful服务，我尝试了http.get(url)，并通过在我想调用的wcf服务方法中添加以下代码解决了CORS问题。
( WebOperationContext.Current.OutgoingResponse.Headers.Add("Access-Control-Allow-Origin"，"")；WebOperationContext.Current.OutgoingResponse.Headers.Add("Access-Control
浏览 3提问于2016-11-03得票数 2
我已经在angular2中创建了yii2应用程序和REST。
"yii\rest\Controller"为Yii2控制器
Angularjs和Angular2都是非常不同的。
我不知道如何在angular2 post请求中使用CSRF令牌.
Angular2和yii2没有任何连接。只有yii2中的api调用。
浏览 3提问于2017-08-22得票数 0
因此，我目前正在尝试让我的Angular2应用程序向我的Spring后端发送一个post请求，但我不断地收到400个错误。
Angular2前端上的服务：
createEntry(name: string, url: string){
let body = JSON.stringify({sid:null,entryName: name, entryUrl: url, dtcreated:null});
console.log(body);
return this.http.post(environment.serviceURL + 'createentry', b
浏览 3提问于2016-09-01得票数 0
1回答
不缓存服务器请求的角PWA
、、、、
我做了一个网站，也应该作为一个PWA与角8。我使用角通用的SSR，也。它能工作，也可以离线。问题是只有站点被缓存，而不是服务器请求。我将dataGroups添加到ngsw设置中。
这是我的ngsw-config.json
{
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
"index": "/index.html",
"dataGroups": [
{
"name": &
浏览 0提问于2019-06-18得票数 1
回答已采纳
我正在使用PrimeNg的文件上传，我已经为我的API启用了windows身份验证。现在，url是通过使用model.id构造函数生成的，url变成
我还将authGuard应用于我的组件以添加cookie。
Routes.ts
const routes: Routes = [
{
path: '', component: HomeComponent, pathMatch: 'full', canActivate: [AuthGuard]
},
{ path: 'factory', com
浏览 2提问于2017-05-09得票数 0
回答已采纳
当我使用post时，没有错误，但是post方法不工作this.http.post。(它昨天起作用了，但今天不起作用。)不知道)有我的服务：
import { Injectable } from '@angular/core';
import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
import {Observable} from 'rxjs/Observable';
import {GetData} from './data';
impo
浏览 0提问于2018-03-10得票数 1
回答已采纳
在Ionic 3中，我在http post方法上得到了一个空白的回复。我无法发布数据。
app.component.ts
import { Component, OnInit } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { Http, RequestOptions, Headers
浏览 0提问于2018-09-18得票数 0
我正在尝试使用angular 4应用程序中的post方法进行登录，它需要url和应用程序/x-www-form-urlencoded数据(在正文中，而不是在标题中)。
我在angularjs的一个类似的帖子中找到了这个函数，但这似乎不适用于Angular v4
var str = [];
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
str.push(encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]))
cons
浏览 5提问于2017-07-28得票数 0
官方文档中描述的$http.jsonp方法似乎总是执行get请求：.$http#methods_jsonp。
我已经尝试将配置选项设置为'POST‘，但它仍然发送GET：
$http.jsonp('/api/new?callback=JSON_CALLBACK', {method: 'POST'});
我还尝试设置了一个data参数，希望angular可以切换到POST：
$http.jsonp('/api/new?callback=JSON_CALLBACK', {data: {stuff: true}});
但它仍然没有:)
至于写这
浏览 0提问于2014-01-25得票数 16
回答已采纳
2回答
我已经使用约曼角-满栈生成器来创建一个新的组件，我正在尝试将Modal服务注入其中。
ng-annotate被用于注入服务，但是我得到了以下信息：
错误：$injector:strictdi CampaignsComponent没有使用显式注释，不能在严格模式下调用
控制器看起来是这样的：
'use strict';
const angular = require('angular');
const uiRouter = require('angular-ui-router');
import routes from './cam
浏览 0提问于2016-08-15得票数 3
我正在尝试做一个到php文件的ajax端口，但它似乎不想发送数据。
我有一个使用phone gap库的android项目，如果我去获取它，它看起来是有效的：
$(document).ready(function () {
$.ajax({
type: 'GET',
url: 'http://example.com/functions.php',
data: { get_param: 'login' },
浏览 0提问于2012-01-23得票数 0
回答已采纳
1回答
我刚刚开始使用AngularJS进行一些测试，但我还不能完全理解它。我想在我的工厂中测试REST方法，但我只是得到了错误。不知道我做错了什么。有谁可以帮我？
我的工厂：
'use strict';
angular.module('corsaneApp')
.factory('resourceService', ['$http', '$log', '$resource', '$sce', 'listService', 'global', '
浏览 7提问于2014-07-12得票数 3
回答已采纳
我在php中有rest api，我试图在in应用程序中访问，但我得到了跨策略错误。
这是我正在设置的php头文件
<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type,Accept,Authorization');
浏览 7提问于2019-03-14得票数 0
我正在学习Angular 2，目前被以下错误阻止。变量posts是在post.component.ts中声明的。 Error: src/app/book.component.html:231:33 - error TS2339: Property 'posts' does not exist on type 'BookComponent'.
231 <li *ngFor="let post of posts">
~~~~~
src/app
浏览 30提问于2021-10-13得票数 0
回答已采纳
我正在按照教程创建一个新的角项目，但是我得到了一个我不明白的错误
没有重载与此调用匹配。重载5中的1，‘(下一步: null _类型'(response: PostModel[]) => void‘的参数不能分配给类型为'null \\未定’的参数。类型‘(响应: PostModel[]) => void’不能分配到输入'null‘。重载5中的2，‘(下一步？：(值:对象) =>空)\{e76f}\类型‘(响应: PostModel[]) => void’的参数不能分配给类型'(value: Object) => void‘的参数。
浏览 3提问于2022-01-04得票数 0
2回答
我已经开发了一个使用Angular JavaScript的网页。现在它在web API上工作，但当我连接到POST时，GET函数工作，但POST方法不工作。它响应"Response Code405“。
userMaintainenceService代码：
angular.module('commom.services')
.factory("userMaintainenceService["$resource","appSettings",userMaintainenceService]);
function userM
浏览 0提问于2016-08-11得票数 4
我正在用我的应用程序查询一个"http“API，所以每次我在heroku上访问我的应用程序时(默认情况下是启用https的)，CORS都会抱怨跨域请求。
要求API的所有者将其设置为"https“是不可行的，所以我想知道是否可以强制我的应用程序始终使用http？这是一个node.js构建的应用程序。(更具体地说，它是一个由yeoman生成的angular js应用程序)。在Rails中，我在Stack Heroku上看到过几篇文章，说使用像config.force_ssl = false这样的东西可以很容易地做到这一点，所以我想知道类似的东西是否可以在node.js应用程序中工
浏览 2提问于2015-11-02得票数 0
1回答
我使用的是Angular和Twig。有没有一种方法可以在html中调用名为initItems的角度函数，就像在
{% for post in posts%} //twig
<% verbatim %>
{{initItems(post)}} //angular
<% endverbatim %>
{% endfor %}
当post是一个细枝变量的时候？在控制器的initItems函数中，post显示为未定义。
浏览 1提问于2014-06-04得票数 0
我试图发送从角控制器的邮寄请求到易的前端控制器。
这是我的controller.js
'use strict';
define(['angular', 'd3', 'd3Cloud', 'services'], function (angular, d3) {
/* Controllers */
return angular.module('oc.controllers', ['oc.services'])
.controller('InitCtrl',
浏览 3提问于2015-08-01得票数 2
回答已采纳
我是Angular2的新手。我试图将POST方法调用到我的.net核心And中。当我从角2服务调用它时，它会给出一个错误，它与Postman.But一起工作得很好。
，这是我的api.service.ts
import { Injectable } from '@angular/core';
import { environment } from '../../../environments/environment';
import { Headers, Http, Response, URLSearchParams } from '@angu
浏览 4提问于2017-12-30得票数 2
回答已采纳
我读过一些场景，开发人员需要降级他们的类型记录才能支持特定的npm包版本。
这可以用完成吗？我最近下载了一个使用angular2 npm包的示例解决方案。编译后的解决方案与安装在我的VS实例中的TypeScript版本没有问题。我认为上一个TypeScript版本是1.8.2。
但是，在我的VS中下载并安装了最新版本的TypeScript之后，angular2测试版示例解决方案出现了编译错误。我认为我下载/安装的TypeScript的更新版本是2.0.1。
我可以看到一个场景，其中我有两种不同的解决方案:1种使用angular2 beta的解决方案，1种使用@angular2 final的解决
浏览 1提问于2017-02-04得票数 0
回答已采纳
作为对均值堆栈的介绍，我在本地的github上做了一个示例。这是一个非常基本的联系人列表CRUD应用程序，只有一个表(或文档？)。
我按照指南操作，并在本地成功安装了mongodb。
server.js：
var express = require('express');
var app = express();
var mongojs = require('mongojs');
var db = mongojs('contactlist', ['contactlist']);
var bodyParser = require(&
浏览 1提问于2016-11-07得票数 0
出于某种原因：
return jquery.ajax('my url', {
crossDomain : true
, data : JSON.stringify({"brand": self.current})
, type : 'POST'
}).success(function(data){
scope.results = data;
});
和/或这一点：
curl -X POST -H "Content-Type: application/json" -d '{"brand
浏览 3提问于2015-04-20得票数 1
我正在尝试使用Angular创建一个简单的应用程序，它将使用我的API。我使用VM运行代码，并在我的计算机上访问它，所以要从我的机器调用API，我可以使用cURL或任何其他HTTP客户端，一切都可以正常工作。举个例子：
curl -k --user damien@email.com:password
例如，这将返回一个旅行者列表。我需要“信任”证书，因为它是无效的。所以在浏览器上，一开始调用会返回net::ERR_INSECURE_RESPONSE，所以我只是转到API URL并添加了异常，现在我不再有这个问题了。然后，我不得不添加基本的身份验证，它似乎起作用了。让我们来看看我的代码是什么，
浏览 1提问于2014-03-27得票数 2
我使用Angular 5作为正面，使用Slim 2作为背面。Slim允许我完成GET请求，但它不允许我在POST请求中完成。
我在我的index.php文件中添加了CORS的头部。但它不起作用。
header('Access-Control-Allow-Origin : *');
header('Access-Control-Allow-Headers : X-Requested-With, Content-Type, Accept, Origin, Authorization');
header('Access-Control-Allow-Method
浏览 12提问于2018-01-03得票数 0
似乎http.get是被禁止的，因为我没有在请求中发送Cookie值。如果我只是浏览链接，我会得到响应，因为浏览器会发送cookie。我如何在angular 2的typescrip代码中做同样的事情？
浏览 3提问于2017-02-21得票数 3
2回答
我需要做一个对响应不感兴趣的post请求(Fire And Forget)
我找到了一个方法来做到这一点
xhr.onreadystatechange = function() { xhr.abort(); }
但在angular中，事情就有点不同了。例如，如果使用$http
var promise = $http.post(url, data);
我不知道如何才能获得xhr对象？有什么建议吗？
浏览 3提问于2014-02-10得票数 4
1回答
我很难让oauth在angular上工作。当我直接输入到浏览器的链接时
http://localhost:8080/auth/twiter
我可以使用oauth连接并获得响应，但是当我尝试使用以下代码在angular中执行此操作时
login_twitter : function login_twitter(){
var deferred = $q.defer();
$http.get('auth/twitter')
.success(function (data,status){
if(status === 200 &am
浏览 1提问于2015-12-03得票数 2
我正在尝试创建一个NodeJs代理，该请求对于"GET“请求工作得很好，但是当我尝试使用"Post"/"Delete”请求时，它会失败。
我不确定它是与前端还是后端相关：
你知道怎么解决这个问题吗？
const bodyParser = require('body-parser');
const express = require('express');
const morgan = require("morgan");
const { createProxyMiddleware } = require(
浏览 3提问于2020-11-15得票数 0
如何在angular js应用程序中访问servlet会话属性，在ProductServlet设置会话属性中的产品的示例中，如何在AngularJs应用程序中访问此变量，与此等效的是什么
public class ProductServlet extends HttpServlet {
.....
...
List<Products> products = getProducts();// Return the List of the products
if (session.getAttribute("userName") == null) {
浏览 0提问于2014-10-08得票数 2
1回答
我是Angular2上的新手，我正在尝试从json文件中获取数据。要做到这一点，我使用的是带有承诺的Http，但是当我从诺言变量执行console.log时，它们会返回未定义的内容。
post.services.ts
import {Injectable} from '@angular/core';
import { Headers, Http, Response} from '@angular/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add
浏览 1提问于2016-07-19得票数 1
我试图将请求从一个本地主机端口发送到另一个本地主机端口。我在前端使用angularjs，在后端上使用节点。
因为它是CORS请求，所以在node.js中，我使用
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH');
res.header('Access-Control-Allow-Headers', 'Origin
浏览 7提问于2017-02-06得票数 59
回答已采纳
package.json
{
"name": "super-project",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts cle
浏览 0提问于2018-07-07得票数 0
我使用的是Angular 4。我也使用了http拦截器来处理任何http请求。
但是我正在使用一个post请求，使用xmlHttpRequest来处理一些文件上传事件。http post请求(this.http.post(...))中的标头设置正确。但在xmlHttpRequest中，拦截器不会被调用。所以不能设置头部。如何在xmlHttpRequest(post方法)中处理http拦截器？
浏览 2提问于2018-04-02得票数 6
我有下面的AWS lambda函数，我创建该函数的目的是定义软删除和硬删除我的产品。 exports.handler = async (event) => {
const product = JSON.parse(event.body);
let sql;
let msg;
let values;
if (product.action == 'delete') {
sql = "UPDATE product_table SET isDeleted=1, deletedon=? WHERE produc
浏览 77提问于2020-04-07得票数 0
回答已采纳
在我的Spring Boot项目中，我正面临着与Angular结合的CORS问题。
我使用了以下代码，并将其注释为配置。
@Configuration
public class WebConfig {
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurer() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry
.
浏览 0提问于2020-12-23得票数 0
我有两个按钮，每个按钮都有ng点击事件，点击事件调用一个方法，这个方法有一个参数。
我希望通过HTTP从AngularJS控制器将参数的值传递给服务端。
AngularJS函数CustomerGender(索引)，我希望将索引值传递给服务。
<div ng-app="Customer" ng-controller="CustomerCtrl">
<button ng-click="CustomerGender('Male')">List of Male Customers</button>
浏览 4提问于2016-01-25得票数 0
我想接受其他应用程序对我的Angular应用程序的post请求。
基本上，他们将发送客户id列表作为POST有效负载，我必须在我的angular应用程序和渲染GUI中处理它。
我尝试在app.js中遵循app.post方法，但它抛出错误"Cannot do POST“
app.post('/customer', function (req, res) {
console.log(req.body);
});
这是一个有点尴尬的要求，因为Angular是JavaScript框架，它不接受post请求，因为post请求只需要在服务器端处理，而不需要在客户端处理。
但
浏览 2提问于2019-06-18得票数 4
我已经创建了一个ASP.NET MVC5应用程序，它使用Angular.JS来控制其中一个页面。我可以使用$http.post成功地回发到ASP.NET控制器，但是，在ASP.NET控制器中，如果我尝试return View("NewPage")或return RedirectToAction("NewPage", "Home")，它会让我停留在Angular.JS页面上。
有没有一种方法可以覆盖客户端的Angular.JS路由，以便我可以使用ASP.NET MVC控制器将用户发送到另一个视图？
这是我在Angular.JS上的帖子：
浏览 2提问于2016-02-09得票数 0
3回答
我在localhost:9000上有一个angular应用作为前端，在localhost:1337上作为后端。
在angular应用程序中，我这样做是为了查询服务器：
angular.module('webApp')
.controller('FoodCtrl', function($scope, $resource) {
var Food = $resource('http://localhost:1337/food', {
id: '@id'
}, {
update: {
浏览 0提问于2015-02-23得票数 3
我使用angular ui作为一个单独的包，对于后端，我使用的是laravel backend.Now，如果我绕过了laravel中的csrf标记，我可以处理来自单独的angular包的post请求，但为了安全起见，我必须在post请求中使用csrf。
浏览 3提问于2016-11-28得票数 0
我是Angular World的新手(我一直在使用Angularjs )。
我想做一个登录应用程序，并想对后端( php和mysql服务器，在我的电脑上本地运行)进行api调用。
在Angularjs中，我会编写如下服务：
(function () {
'use strict';
angular.module('module name').service('userService', user);
function user ($resource) {
return $resource('api/users', {}, {u
浏览 0提问于2018-10-15得票数 1
5回答
我刚接触AngularJS，我需要知道我们是否可以在Angular中进行像Ajax这样的jQuery调用，并且想知道它的完整语法，如果有人可以帮助我制作整个代码语法的话。
例如，在jQuery中，我可以这样做：
$.ajax(
{
url: 'someURL',
type: 'POST',
async: false,
data:
{
something: something,
somethingelse: somethingelse
},
浏览 2提问于2016-06-03得票数 0
3回答
我的问题出在我的api Angular 6中，一旦在发送POST请求时创建了拦截器，这些拦截器就变成了OPTIONS请求。
问题出在哪里？
这是one Service的代码
import { Injectable } from '@angular/core';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { AppConfig } from '../app.config';
import { Perfil } from '../En
浏览 1提问于2018-06-07得票数 0
4回答
无效CORS请求
、、、
我在angularJs中创建一个页面，当我向API发送请求时，它是生成错误：
我的代码是：
<!DOCTYPE html>
<html ng-app="AppIndex">
<head>
<meta charset="utf-8">
<title>Hola mundo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js
浏览 5提问于2020-01-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
