angularjs中$http模块发送post请求request payload转form data

Jiavan 发布于2019-08-20 19:08 / 1557人阅读

摘要：背景在开发一个证书照片删除的时候，后端提供了一个接口，需要前端将数据转化成。而在中，如果直接用方式，发送数据是以而不是以。运行结果这样后端是无法获取的。使用对数据进行处理结尾最后没有用以上的任何一种方法解决。

背景： ionic+ angularjs+ cordova
在开发一个证书照片删除的时候，后端提供了一个post接口，需要前端将数据转化成form data。而在angularjs中，如果直接用post方式，发送数据是以Request Payload而不是以Form Data。

$http({
    method: "POST",
    url: url,
    data: data
}).success(function () {});

运行结果： chrome

这样后端是无法获取的。

解决办法：
1、对post进行配置

$http({
    method: "POST",
    url: url,
    headers: {"Content-Type": "application/x-www-form-urlencoded"},
    transformRequest: function(obj) {
        var str = [];
        for(var p in obj)
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
        return str.join("&");
    },
    data: xsrf
}).success(function () {});

这样就能转化成form data数据让后端接收了。

2、使用jquery对数据进行处理
var data = $.param(data)

结尾：
最后没有用以上的任何一种方法解决。因为整个项目是用websocket方式（除了实名认证和添加证书时考虑断点续传用了http方式），经过一番套路，总监让后端改成用websocket的方式了，然后就没有然后了。。。

GPU云服务器云服务器 HTTP_RAW_POST_DATA 发送post请求模拟post发送请求 ajax发送post请求

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85198.html

Jquery 以及AngularJS 中 Get/Post 传参笔记

摘要：传参并不是很难的事，但有时牵扯到例如要传一个对象或者到后端的时候就会有些麻烦，在这里总结一些使用方法。在中可以通过设定来解决在中就比较难设定，参见错误之处或者更多方案欢迎提出，谢谢传参并不是很难的事，但有时牵扯到例如要传一个对象或者form到后端的时候就会有些麻烦，在这里总结一些使用方法。首先先介绍发送请求时我们经常会混淆的几个属性：dataType: 期待服务器返回的数据格式mi...

HackerShell 2019-08-22 17:14 评论0 收藏0
JS基础篇--JS之表单提交时编码类型enctype详解

摘要：格式支持比键值对复杂得多的结构化数据，这一点也很有用。例如下面这段代码最终发送的请求是这种方案，可以方便的提交复杂的结构化数据，特别适合的接口。简介 form的enctype属性为编码方式，常用有两种：application/x-www-form-urlencoded和multipart/form-data，默认为application/x-www-form-urlencoded。 ...

ad6623 2019-08-21 17:26 评论0 收藏0
使用 Flask 和 AngularJS 构建博客 - 1

摘要：注原文作者，原文地址为在这个教程中，我们将使用和构建一个博客。在开发期间，这将允许我们把它们运行在不同的端口例如和。现在我们将进入目录并使用运行这个脚本。示例创建一篇文章为了创建一篇文章，你需要发送一个请求给。注：原文作者 John Kevin M. Basco，原文地址为 Building a blog using Flask and AngularJS Part 1 在...

刘玉平 2019-08-21 12:27 评论0 收藏0
使用 Flask 和 AngularJS 构建博客 - 1

摘要：注原文作者，原文地址为在这个教程中，我们将使用和构建一个博客。在开发期间，这将允许我们把它们运行在不同的端口例如和。现在我们将进入目录并使用运行这个脚本。示例创建一篇文章为了创建一篇文章，你需要发送一个请求给。注：原文作者 John Kevin M. Basco，原文地址为 Building a blog using Flask and AngularJS Part 1 在...

lavnFan 2019-07-24 17:39 评论0 收藏0
[译] 使用angularjs创建一个CRUD应用

摘要：我使用的是为这个示例应用设计接口。发起一个请求体为的请求。目前只有一个可以设置。创建一个的应用为了加强的概念我们为电影爱好者创建一个应用。我已经使用和创建了一个后端服务。创建每一个路由都对应一个。原文地址：https://www.sitepoint.com/creating-crud-app-minutes-angulars-resource 大量的单页应用都有CRUD操作。如果你使...

missonce 2019-08-20 11:21 评论0 收藏0