如何在Angular post调用中正确发送application/x-www-form-urlencoded
在Angular中，要在post调用中正确发送application/x-www-form-urlencoded格式的数据，可以按照以下步骤进行操作：
- 导入必要的模块和服务：
- 导入必要的模块和服务：
- 创建一个
HttpHeaders对象，并设置Content-Type为application/x-www-form-urlencoded： - 创建一个
HttpHeaders对象，并设置Content-Type为application/x-www-form-urlencoded： - 创建一个
HttpParams对象，并将需要发送的数据以键值对的形式添加到其中： - 创建一个
HttpParams对象，并将需要发送的数据以键值对的形式添加到其中： - 使用
URLSearchParams将HttpParams对象转换为字符串： - 使用
URLSearchParams将HttpParams对象转换为字符串： - 发起POST请求，并将
headers和body作为参数传递： - 发起POST请求，并将
headers和body作为参数传递：
这样就可以在Angular中正确发送application/x-www-form-urlencoded格式的数据了。
对于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云的官方文档和开发者社区，具体推荐的产品和链接地址可能会根据实际需求和情况有所不同。
相关·内容
我正在尝试编写一个AngularJS资源模块，该模块将向服务器发送一些数据。默认的content-type显示为"application/xml“。我尝试将content-type重写为"application/x-www-form-urlencoded“。在执行普通的$http.post()时，我可以设置内容类型，当我检入Firebug时，我可以看到它被正确设置。当我使用资源的POST方法时，我无法获得要从默认类型更改的内容类型。我认为我是按照的描述来做的。
var myApp = angular.module('myApp',['myResourc
浏览 0提问于2012-10-09得票数 6
回答已采纳
我正在使用angular JS发送一些数据到支付网关。
根据文档，curl发送数据的语法为：
curl https://www.mybank.co.uk/3dsecure
-H "Content-type: application/x-www-form-urlencoded"
-X POST
-d 'TermUrl=https://www.yourmerchantsite.co.uk/3DSecureConfirmation&PaReq=value-of-oneTime3DsToken&MD=merchantdatavalue'
然而，当我在An
浏览 11提问于2018-01-22得票数 1
我正在尝试将一张带有Angular2的图片上传到我的REST服务(Loopback)。Loopback服务工作(使用Postman进行了测试)，并接受带有x-www-form-urlencoded头的文件。
下面是一个发送POST请求的简化服务方法：
public uploadFile(url : string, file: File): Observable<any> {
let headers: Headers = new Headers();
headers.append('Content-Type', 'application/x-www-f
浏览 5提问于2017-01-30得票数 10
1回答
大家好，我已经创建了一个应用程序，在PHP中使用了一个带有CODEIGNITER的API，但是我无法读取它发送的内容，因为除了通过POST发送数据之外，在其他情况下也可以看到它所发送的内容，例如：
当我用HTML从JavaScript发送它时
user = "Ivan More Flowers"
但是当我用离子传送它的时候，它是这样出来的
user: "Ivan More Flowers"
这已经把null还给我了
我的离子3代码：
//import { Component } from '@angular/core';
import
浏览 1提问于2017-09-08得票数 1
场景1发送x-www-form-urlencoded数据
POST /path HTTP/1.1
Content-Type: application/x-www-form-urlencoded
foo=bar
运行print_r($request->getParsedBody());会返回很好的结果：
Array
(
[foo] => bar
)
运行print_r($request->getBody()->getContents());将返回字符串foo=bar
场景2发送application/json数据
POST /path HTTP/1.1
Con
浏览 6提问于2020-02-06得票数 5
回答已采纳
我在angular中尝试post请求，我必须发送一些数据，但我无法在后端Nodejs处理这些数据，或者我发送数据的方式不正确。我需要帮助！
$scope.sendData = function() {
$scope.obj = {
username: $scope.username,
password: $scope.password
};
console.log($scope.obj);
$http({
method: 'POST',
url: "/upload",
data: $scope.obj,
浏览 4提问于2018-07-27得票数 0
我在Angular 1上遇到过类似的问题，所以我知道如何实现，只是我错过了最后一步。
就像上次一样，一个为我们的应用做后端的人接受类型为application/x-www-form-urlencoded的请求，就像Angular 1一样，Angular 2也接受类型为application/json的请求。
我对ng1所做的是，在配置中，我修改了http提供程序，以便在每个请求的主体上运行urlencoded。
我在ng2中看到有一个，一个BaseRequestOptions类，我想它就是为这个而设计的，只有文档有点not there，所以我不确定如何正确地实现它(我也是TypeScript的
浏览 1提问于2016-01-10得票数 10
回答已采纳
当我用HttpClient发送GET时，服务器将接收授权头。但是当我使用POST发送相同的请求时，Angular不会发送授权头。
let cabecalho1 = new HttpHeaders();
cabecalho1 = cabecalho1.append("Authorization", "Basic YXBpOmViYzg3Njg5MjhiZjkljjE1NGIyMTg4NGZlMjU5MDA3NDllMGU0MTRmZGM");
cabecalho1 = cabecalho1.append("Content-Type", "
浏览 0提问于2018-02-11得票数 1
1回答
我正在从Google Web Toolkit应用程序向php脚本发送HTTP POST请求。content-type现在是"application/x-www-form-urlencoded“，所以我可以发送变量到php并在php中使用$_POST[]，但是我不认为我可以在其中一个变量中正确地发送HTML标记。
下面是我所拥有的：post_data = var1=true&var2=true$html="HTML MARKUP HERE"
这样做时，在$_POST['html']变量中，几乎没有任何html会传递给php。在POST变量中发送ht
浏览 0提问于2011-11-21得票数 4
回答已采纳
我正在用angularjs写一篇post，我意识到我的API不工作了，因为angular说它通过post发送数据，但实际上它都是作为get发送的
$http({
url:'some_url/',
method:'POST',
params:{"table":"users", "info":info},
headers:{'Content-Type':'application/x-www-form-urlencoded'
浏览 1提问于2016-02-25得票数 1
Angular 5.0.1
我正在查看Angular HttpClient：的文档，但我似乎不知道如何将POST参数作为URLEncoded字符串而不是JSON字符串发送。例如，我的Java http客户端将默认发送如下内容：
username=test%40test.com&password=Password1&rolename=Admin
但Angular默认情况下希望作为Json发送：
{"username":"test@test.com","password":"Password1","rolena
浏览 0提问于2017-11-23得票数 16
回答已采纳
我正在用angular发送post请求
public saveLead(name: string, phone: string, text: string){
const params: Lead = new Lead(name,phone,text);
const headers = {
'Content-Type':'application/x-www-form-urlencoded'
};
return this.http.post('http://127.
浏览 4提问于2018-08-19得票数 0
下面的代码运行良好，但我认为这会全局修改$httpProvider，这不是我想要的。
angular.module('SessionService', ['ngResource'])
.config(function($httpProvider){
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'
})
.factory('L
浏览 0提问于2012-10-09得票数 27
回答已采纳
我使用ionic2向本地nodejs服务器发送请求，但问题是请求不会命中服务器，除非我将头Content-Type设置为application/x-www-form-urlencoded，现在问题是到达的主体不是json文件。这是我的ionic2代码
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http, Headers } from '@angular/http';
import 'r
浏览 2提问于2017-11-22得票数 0
1回答
我正在尝试从角度js向php发出ajax请求。但我没有收到我发送的数据。请让我知道我哪里出错了。
下面是ajax调用。
<script type="text/javascript">
angular.module('app', []).controller("MyController", function($scope, $http) {
var req = {
method: 'POST',
url: 'pujastrail/www/rest/get.php
浏览 3提问于2015-06-28得票数 0
回答已采纳
我正在开发一个使用Codeigniter和Phils RESTserver的应用编程接口。我知道如何以标准格式发送请求正文，但如何将其作为JSON对象发送呢？
我现在这样做：
lastname=bond
我想这样做：
{"lastname" : "bond"}
我尝试将内容类型标头替换为：
application/x-www-form-urlencoded
在这方面：
application/json
这并没有做任何事情。Codeigniter说POST数组是空的。
浏览 2提问于2011-12-09得票数 0
我将从url获得的id发送到服务器(php页面)。
我在angularjs中从url获取并通过post方法发送的方式：
(注意:我检索数据，并在console.log()中打印好，问题是我想把它们放到$scope中)
.controller('PlaylistCtrl', function($scope, $stateParams, $http) {
$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8'
浏览 3提问于2015-08-07得票数 0
回答已采纳
我已经在@angular2-rc1中编写了一个服务来执行http post操作。在更新到rc4之后，它在chrome和ie中停止工作，尽管它可以在火狐中工作。
当我尝试通过post请求发送数据时，它在请求中显示了firebug(chrome的检查元素)中的数据，但是服务器得到了空字符串。代码如下：
import {Injectable} from '@angular/core';
import {Http, Response, Headers, RequestOptions, BaseRequestOptions} from "@angular/http";
i
浏览 0提问于2016-07-13得票数 1
1回答
我正在用angular写一篇文章。我已经在Postman中成功地做到了这一点，所以我现在只是尝试在我的angular应用程序中获得它。 当我尝试在angular中发出请求时，我得到一个 Status Code: 415 / Unsupported Media Type 控制台中还有一个很长的错误代码 ERROR Error: Uncaught (in promise): HttpErrorResponse: {"headers":{"normalizedNames":{"_t":"Map","_i":{},
浏览 13提问于2019-06-14得票数 0
回答已采纳
我正在使用Apache和Perl CGI构建一个web服务器，它处理发送给它的POST请求。处理部分要求我从请求中获取完全未经处理的数据，并验证其签名。
客户端发送两种不同的POST请求:一种将内容类型设置为application/json，另一种将内容类型设置为application/x-www-form-urlencoded。
我能够使用cgi->param('POSTDATA')获取application/json数据。但是如果我对application/x-www-form-urlencoded数据执行同样的操作，即cgi->param('paylo
浏览 0提问于2018-07-31得票数 1
我有这个代码，我正在尝试将其转换为RestSharp。为了清晰起见，我删除了using块以使其简洁。
using System.IO;
using System.Net;
using RestSharp;
string GetResponse(string url,string data)
{
var request = (HttpWebRequest)WebRequest.Create(url);
request.Method = "POST";
request.ContentType = "application/x-www-form-ur
浏览 0提问于2012-08-23得票数 5
回答已采纳
我正在向一个.NET应用程序发送一个AJAX post，但是尽管为Content-Type和X-Requested With添加了正确的内容头，我仍然得到IsAjaxRequest返回false。
配置设置正确的头部和序列化，然后底部的控制器处理POST。
// Configure httpProvider
validationApp.config(['$httpProvider', function($httpProvider) {
// .NET AJAX FIX
$httpProvider.defaults.headers.common["X-Reques
浏览 4提问于2015-02-27得票数 3
我不知道，因为当我通过angular发布帖子时，对象不会被填充，比如类别或状态。只是产品而已。但是，请注意Request.Form列表中的信息就在那里。活页夹未正确执行。我做错了什么？是否有任何web api配置？我尝试过通过application/json从data发送数据...我别无选择了。提前谢谢。
var product = {
id: 1,
name: "Name",
categories: [
{ id: 1, name: "name 1" },
{ id: 2, name: "name 2" }
浏览 3提问于2015-11-12得票数 1
我希望将JS对象转换为x-www-form-urlencoded。我如何在angular 2中实现这一点？
export class Compentency {
competencies : number[];
}
postData() {
let array = [1, 2, 3];
this.comp.competencies = array;
let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded'
浏览 0提问于2016-09-30得票数 10
我已经使用Angular2进行了如下的HTTP调用：
var headers = new Headers();
// headers.append('Content-Type', 'application/json');
headers.append('Content-Type', 'application/x-www-form-urlencoded');
this.http.post(
'http://192.168.1.100',
{headers: headers}
).map(
(r
浏览 7提问于2016-03-20得票数 0
1回答
这是我的卷发要求。
curl -X POST --header 'Content-Type: application/x-www-form-urlencoded'
--header 'Accept: application/json' --header 'apikey: xxxx' -d
'name=abcd&email=test@test.com.com&id=abc'
'https://api.gupshup.io/appsdk/api/components/adduser'
有人能帮我吗
浏览 2提问于2016-04-07得票数 5
回答已采纳
当调用post方法时，我尝试在ionic2应用程序上发送post请求，然后返回一个错误，但没有任何消息。我认为我在angular2 post请求上做错了任何人。
下面是我的request函数；
load(username, password){
let body = new FormData();
body.append('email', username);
body.append('password', password);
let headers = new Headers({
'Content-Type&
浏览 8提问于2017-07-05得票数 0
回答已采纳
我正在开发一个具有spring后端的angular 7 web应用程序，我实现了安全性，所以当你使用正确的凭据登录时，spring会给出一个JSESSIONID cookie。如果我尝试用postman登录，我收到了cookie，一切工作正常，但在angular中，它似乎没有收到cookie，即使服务器响应为200。 我的login.service.ts： import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http
浏览 57提问于2019-06-12得票数 1
今天早上我发现了$http_method，它太棒了！但是..。我有一个问题，另一次XD
首先，我发送内容正确，DataBasae被正确更新，但是当我试图用下面的代码更新站点时，我有一个错误。
$timeout(function() {
$location.path('/');
});
我的代码是
$scope.processForm = function() {
$http({
method : 'POST',
浏览 1提问于2015-01-12得票数 0
回答已采纳
当POST数据从Angular 2服务发送时，如下所示：
const data = new FormData();
data.append('date', '12/01');
data.append('weight', '170');
return this.http.post(this.url + '/weight', data, {
headers: new HttpHeaders().set('Content-Type', 'appli
浏览 19提问于2018-01-12得票数 2
回答已采纳
我在AngularJS中调用web服务时遇到了CORS请求的问题，但是同一个服务能够使用jQuery进行调用。
注意:从服务器端，我们正在接收报头"Access-Control-Allow-Origin:*"，这些服务在jQuery应用程序中运行良好。
这里我发布了我的AngularJS代码和jQuery代码。
AngularJS：
$http({
method: 'POST',
url: $rootScope.host + "UserLogin",
//headers: { 'Conte
浏览 3提问于2017-05-31得票数 1
我通过Angular2向express服务器发送数据，但却以一种疯狂的方式获取数据。但它与邮递员一起工作得很好。
Angular2代码为：
import {Injectable} from '@angular/core';
import {Http, Headers, RequestOptions} from '@angular/http';
@Injectable()
export class LoginService{
private _options = new RequestOptions({ headers: new Headers({ '
浏览 4提问于2016-10-17得票数 0
我是Angular.js的新手，我试图使用工厂通过http post请求发送数据。我收到了这个错误Cannot read property 'success' of undefined这是我的代码..。
<!DOCTYPE html>
<html ng-app="myApp">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
&l
浏览 3提问于2016-04-27得票数 2
回答已采纳
我在用angular发送post json数据时遇到问题，我需要从PHP访问$_POST‘’action‘。
这是可行的
$http({
method: 'POST',
url: ajaxurl,
data: "action=get_employer_jobs",
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
浏览 0提问于2015-05-05得票数 0
1回答
我有这样的代码：
客户端(angular2)
saveConfig(configType: ConfigTypes, gasConfigModel: GasConfigModel): any {
console.info("sending post request");
let headers = new Headers({
'Content-Type': 'application/json'
});
....
return this.http
浏览 1提问于2016-09-22得票数 1
回答已采纳
因此，我在Javascript中编写了下一段代码，其中值在URL中发送
//params = 5
function httpPostAsync(url, params){
// test: curl -X POST http://url/brightness/5
var http = new XMLHttpRequest();
http.open("POST", "/brightness/"+ params , true);
http.setRequestHeader("Content-type", "a
浏览 14提问于2017-08-25得票数 2
回答已采纳
我有一个API，可以在发送POST数据后返回结果。
目前我使用的是fopen。
我被告知，当发送正确的报头时，API将返回gzip压缩结果。
如何使用fopen发送Accept Encoding报头？
目前，相关代码如下：
$params = array('http' => array(
'method' => 'POST',
'content' => $xml,
'header' => 'Content-type: application/x
浏览 0提问于2013-06-10得票数 2
回答已采纳
如何在angular2?中设置内容类型和接受
我试图在标题中发送具有内容类型(application/json)的post调用，但是对于somereason它不发送，它总是发送文本/纯文本；在内容类型中，charset=UTF-8，当我尝试进行REST服务调用时，我得到415个不受支持的媒体类型。我认为我需要正确地设置类型和内容类型，不知怎么的，它没有从代码中设置我们下面的的标题请求。
Accept
text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encoding
gzip, deflate
A
浏览 2提问于2016-02-27得票数 26
回答已采纳
我正在尝试将我的应用程序从angularJS更改为angular2，并且我坚持使用ajax POST调用。
return $.ajax({
url: "http://www.url.com",
crossDomain: true,
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
method: 'POST',
transformRequest: function (obj) {
浏览 2提问于2017-02-15得票数 1
3回答
我试图了解如何将REST请求发送到服务器。如果我必须使用httpconnections或任何其他连接在java中实现此请求，我将如何实现？
POST /resource/1
Host: myownHost
DATE: date
Content-Type: some standard type
如何以一种标准的方式来构建它呢？
URL url= new URL("http://myownHost/resource/1");
HttpsURLConnection connect= (HttpsURLConnection) url.o
浏览 9提问于2015-03-15得票数 2
回答已采纳
2回答
我试图在一个角度应用程序上设置$http的默认值，因此我有：
var application = angular.module('Application', ['ngDialog', 'validation']).config(function ($http) {
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
});
这就产生了一个错误。如何并在何处设置$http的默认值？
浏览 0提问于2015-01-19得票数 3
回答已采纳
我到处搜索这个问题，但找不到关于我的问题的明确答案。 通过RFC 6750，可以使用post消息的正文部分发送access_token。我想知道为什么这个文档提供了Content-Type application/x-www-form-urlencoded的约束集。在body中发送post访问令牌时，客户端不能使用application/json类型有什么安全原因吗？
浏览 9提问于2021-10-19得票数 0
我有一个客户端应用程序是用angular编写的，它可以将请求发布到connect/token
const body = new HttpParams()
.set('username', email)
.set('password', password)
.set('grant_type', "password")
.set('scope', "offline_access");
const headers = new HttpHeaders
浏览 34提问于2019-11-02得票数 0
我想通过http post将一些数据从我的应用程序发送到服务器。除了&之外，所有符号都可以被服务器接受。
服务器为php；
内容类型是application/x-www-form-urlencoded，字符集是utf-8。
编码为NSUTF8StringEncoding。
我还尝试用URLEncoding更改URLEncoding，即& -> %26。服务器可以接收它，但不能显示它recht。它显示在%26，而不是&。
但是，如果服务器是由android或web端发送的，则服务器可以正确地接收和显示。
守则如下：
NSMutableURLReq
浏览 2提问于2014-07-11得票数 2
1回答
我试图发送HTTP表单参数。我知道内容类型必须是application/x-www-form-urlencoded，参数必须在请求体中编码。
，Jetty似乎自动做到了这一点：
POST请求以应用程序/x-www-form-urlencoded内容类型发送，POST参数值自动进行URL编码。
但是，我看到文档已经改变了，现在它说：
通过param()方法添加的POST参数值是自动URL编码的。
果然，调用：
httpClient.POST("http://example.com/entity/1")
.param("p",
浏览 1提问于2019-08-13得票数 2
回答已采纳
1回答
我有端点使它与PHP Slim。
在Angular 1.x中，我进行了调用并工作，但在Angular 2中不是这样。
Angular 1.X：(这是可行的)
$http({
method: 'POST',
url: 'http//localhost:80/Slim/index.php/logina',
data: $.param({
email: this.email,
password:this.password
}),
headers: {'Content-Type': 'application
浏览 0提问于2017-08-04得票数 0
我通过在Angular上使用POST请求将对象消息发送到API： //Angular
var message = {
'title':"Test",
'content':"blabla",
'image':"none",
'author':"michael",
'likedBy':['alexis','laura']
};
return t
浏览 11提问于2020-10-16得票数 1
我有一个基于tomcat的应用程序，需要提交一个能够处理utf-8字符的表单。当通过ajax提交数据时，数据将正确地从utf-8中的getParameter()返回。通过表单post提交数据时，数据将从iso-8859-1中的getParameter()返回。
我使用了fiddler，并确定了请求中的唯一区别，即charset=utf-8被附加到ajax调用中的 content - type 报头的末尾(因为我显式地发送了内容类型)。
来自ajax的ContentType：“application/x form-urlencoded；charset=utf-8”
来自表单的ContentTyp
浏览 19提问于2010-12-08得票数 24
回答已采纳
我不明白为什么不能在Angular2中使用http。
当我做http post时，它给出了正确的请求方法：
但是，当我使用http :它提供选项作为请求方法时：
我是说这是什么鬼东西？
下面是我在post中使用的方法：
let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
let options = new RequestOptions({ headers: headers });
var body = 'am
浏览 0提问于2016-08-10得票数 1
回答已采纳
httpRequest.Open "POST", "www.example.com/handle.asp", False
httpRequest.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"
httpRequest.send data
postResponse = httpRequest.response
我如何处理上述代码的帖子。在handle.asp中。在handle中，我想获取正在发送的数据并添加到其中，然后将某些内容发送回调用页面？
浏览 0提问于2011-03-14得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
