资讯专栏INFORMATION COLUMN

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

Jiavan / 1481人阅读

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

背景: 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的方式了,然后就没有然后了。。。

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

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

相关文章

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

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

    HackerShell 评论0 收藏0
  • JS基础篇--JS之表单提交时编码类型enctype详解

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

    ad6623 评论0 收藏0
  • 使用 Flask 和 AngularJS 构建博客 - 1

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

    刘玉平 评论0 收藏0
  • 使用 Flask 和 AngularJS 构建博客 - 1

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

    lavnFan 评论0 收藏0
  • [译] 使用angularjs创建一个CRUD应用

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

    missonce 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<