不同資料格式一般按照後端的要求來寫資料格式

阿新 • • 發佈：2022-12-02

不同資料格式一般按照後端的要求來寫資料格式

1.formData 用new data 使用FormData包裹 2.application/json會自動對映 3.application/x-www-form-urlencoded url

  <body>
    <h2>form-data</h2>
    <input class="ipt" type="file" accept="image/*" />
    <h2>application/json</h2>
    <button class="json">測試登入介面</button>
    <h2>urlencoded</h2>
    <button class="urlencoded">測試urlencoded格式</button>
    <script src="./lib/axios.js"></script>
    <script>
      // 
 http://ajax-api.itheima.net/api/file
      // 1.formData 用new data 使用FormData包裹
      document.querySelector(".ipt").onchange = function (e) {
        // 呼叫頭像上傳介面 提交圖片
        const data = new FormData(); //用new data 使用FormData包裹
        data.append("avatar", e.target.files[0]);
        axios({
          url:  
"http://ajax-api.itheima.net/api/file",
          method: "post",
          data: data,
        }).then((res) => {
          console.log("res:", res);
        });
      };
      // 2.application/json會自動對映 返回的是JSON資料
      document.querySelector(".json").onclick = function () {
        axios
          .post( 
"http://ajax-api.itheima.net/api/login", {
            username: "admin",
            password: "123456",
          })
          .then((res) => {
            console.log("res:", res);
          });
      };
      // 3.application/x-www-form-urlencoded  url
      document.querySelector(".urlencoded").onclick = function () {
        axios({
          url: "http://ajax-api.itheima.net/api/data",
          method: "post",
          data: "name=jack&age=18&friend=rose",
        }).then((res) => {
          console.log("res:", res);
        });
      };
    </script>
  </body>

不同資料格式一般按照後端的要求來寫資料格式

不同資料格式一般按照後端的要求來寫資料格式 1.formData 用new data 使用FormData包裹

SpringBoot後端返回統一的標準格式資料

1.@RestControllerAdvice，RestController的增強類，可用於實現全域性異常處理器 2.@ExceptionHandler,統一處理某一類異常，從而減少程式碼重複率和複雜度，比如要獲取自定義異常可以@ExceptionHandler(BusinessExc

java前端向後端傳送實體類資料

java前端向後端傳送實體類資料使用post向後端傳送資料時，當在params中填寫引數，將會以get形式將引數寫在url中，無法傳過去，需要在body中填寫json引數後端使用@requestbody註解接收時間2020.10.13

[Node.js] 後端服務匯出CSV資料流給前端下載

前端時間使用Java做了此功能，另一個使用Node.js開發的服務也需要此功能，所以使用TypeScript做了類似的封裝，後來發現，TS做這些功能，程式碼看起來更簡潔，嘿嘿。

前端excel資料下載方法（後端返回表格資料）

技術標籤：Htmljsonjavaexcelajaxurl 1、後端返回 2、處理方案 const url = JSON.parse(sessionStorage.getItem(\'userInfo\')); // 本地用JSON轉化下格式

後端 post/get 請求資料

技術標籤：後端請求Getpostjsonget 後端 Post/Get 請求獲取介面資料程式碼如下（示例）：（其中我用到的是，Post請求是傳遞了兩個引數，Get請求是傳遞的Json型別資料）

後端下發excel流資料，前端如何接收並下載

如果不需要許可權，直接通過連結下載；需要許可權，則通過ajax請求，拿到流資料獲取資料的時候，一定要加上(responseType: ‘blob’)，表示後臺傳過來的資料用 blob 物件接收.

django上傳資料夾_Django配置使用者上傳資料夾和暴露後端資料夾資源

網站所用的靜態檔案我們都預設存放到static資料夾下，而使用者上傳的檔案也是靜態資源，我們需要找一個公共的地方專門儲存使用者上傳的靜態檔案。

「後端小夥伴來學前端了」Vue中全域性事件匯流排（GlobalEventBus）原理及探究過程

前言上一篇文章寫了 Vue 中的自定義事件，自定義事件是全域性事件匯流排基礎。我在上一篇文章中埋下了一個小小的伏筆。如下圖：

後端老是不寫介面文件？說自己很忙？

自從前端和後端分家之後，前後端通過介面對接就成為了日常，誰也離不開誰，而對接介面的過程就離不開介面文件。

小程式解析後端返回的html格式資料

git地址：https://github.com/icindy/wxParse，下載完後把wxParse裡的wxParse資料夾放好 1、先到需要使用的頁面wxss裡面引入樣式(教程很多都是在全域性的app.wxss看個人咯，怕影響到其他頁面的樣式還是個別引入)

獲取後端傳的圖片格式（二進位制流）的資料，顯示到頁面上

技術標籤：個人筆記 function getImg(img) { axios({ url: `/img/getImg`, methods: \'get\', responseType: \'blob\'//接收的值型別

vue中使用mockjs模擬後端返回json格式資料

1、安裝axios和mockjs npm install axios --save npm install mockjs 2、編寫mock.js import data1 from \'./login.json\' //想要返回的資料

Spring開發後端如何獲取http請求體body中的json格式的資料

技術標籤：JavaSpringjavaspringjson Spring開發後端如何獲取http請求體body中的json格式的資料

springboot 後端統一返回資料格式，異常統一處理

springboot 後端統一返回資料格式，異常統一處理模板場景：後端給前端的資料型別可能會是基本資料型別、String字串、物件、陣列、或者異常提示等。前端拿到你返回的資料去展示或者給出錯誤提示，但他不可能說每個

Vue-axios-post資料後端接不到問題解決

1 前言最近在前後端聯調的時候發現了一個問題，可能自己平時不注意傳送的內容格式，導致解決問題的路上，走了很多彎路，尤其是在剛剛懂了一點Vue知識之後，傳送請求的各種花式寫法也是讓人頭大，我在這把我踩到的坑

基於jQuery獲取table資料傳送到後端

1.我做的是一個動態表格，就是在輸入框裡每輸入一次資料並點選“新增”按鈕，表格中就會新增一行記錄。

SpringMVC後端返回資料到前端程式碼示例

1.返回ModelAndView物件（.jsp） controller程式碼： package controller; import java.util.List; import javax.annotation.Resource;

從鍵盤輸入一個小於1000的正數,要求輸出它的平方根(如平方根不是整數，則輸出其整數部分)。要求在輸入資料後先對其進行檢查是否為小於1000 的正數。若不是,則要求重新輸入。

5.從鍵盤輸入一個小於1000的正數,要求輸出它的平方根(如平方根不是整數，則輸出其整數部分)。要求在輸入資料後先對其進行檢查是否為小於1000 的正數。若不是,則要求重新輸入。

SpringBoot + Vue + ElementUI 實現後臺管理系統模板 -- 後端篇（五）：資料表設計、使用 jwt、redis、sms 工具類完善註冊登入邏輯

（1）相關博文地址： SpringBoot + Vue + ElementUI 實現後臺管理系統模板 -- 前端篇（一）：搭建基本環境：https://www.cnblogs.com/l-y-h/p/12930895.html

不同資料格式 一般按照後端的要求來寫資料格式

相關推薦

不同資料格式一般按照後端的要求來寫資料格式