angularjs中$http模塊發送post請求request payload轉form data

Jiavan 發布于2019-08-20 19:08 / 1630人閱讀

摘要：背景在開發一個證書照片刪除的時候，后端提供了一個接口，需要前端將數據轉化成。而在中，如果直接用方式，發送數據是以而不是以。運行結果這樣后端是無法獲取的。使用對數據進行處理結尾最后沒有用以上的任何一種方法解決。

背景： 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請求

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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

摘要：注原文作者，原文地址為在這個教程中，我們將使用和構建一個博客。在開發期間，這將允許我們把它們運行在不同的端口例如和?，F在我們將進入目錄并使用運行這個腳本。示例創建一篇文章為了創建一篇文章，你需要發送一個請求給。注：原文作者 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