放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 技术汇总

    • 技术总结
    • 技术文章
  • 技术术语

  • 技术方案

    • 技术场景汇总
    • 技术方案

    • 前端方案

    • 三方平台

    • 图片方案

    • 文件方案

  • 技术点

    • OAuth
    • 数据格式
      • 数据格式
        • Blob
      • 数据交互格式
        • JSON
        • form-data
        • XML
        • application/x-www-form-urlencoded
    • AST
    • token
    • 编程范式
    • 防盗链
  • 设计模式及原则

    • 设计模式
    • 创建型模式

    • 结构型模式

    • 行为型模式

    • 设计原则
  • technology
放肆青春
2021-04-16

数据格式

# 数据格式

# Blob

Blob (binary large object) 表示二进制类型的大对象。在数据库管理系统中,将二进制数据存储为一个单一个体的集合。

Blob 通常是影像、声音或多媒体文件。

在 JavaScript 中 Blob 类型的对象表示不可变的类似文件对象的原始数据。

# 数据交互格式

# JSON

Content-Type 为 application/json

# form-data

Content-Type 为 multipart/form-data

  1. 手动构建 FormData
var formData = new FormData();
formData.append("username", "Groucho");
axios.post(`${baseUrl}/testRequest`, formData).then((res) => {
  console.log("res=>", res);
});
1
2
3
4
5

# XML

# application/x-www-form-urlencoded

Content-Type 为 multipart/form-data

  1. 浏览器的原生 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

  2. 传参格式为 query 形式,使用$qs.stringify

import axios from "axios";
import qs from "Qs";
let data = { code: "1234", name: "yyyy" };
axios
  .post(
    `${baseUrl}/testRequest`,
    qs.stringify({
      data,
    })
  )
  .then((res) => {
    console.log("res=>", res);
  });
1
2
3
4
5
6
7
8
9
10
11
12
13
更新时间: 12/22/2021, 6:20:36 PM
OAuth
AST

← OAuth AST→

最近更新
01
前端权限管理
02-24
02
vue2指令
02-24
03
vue2 hook
02-24
更多文章>
Theme by Vdoing | Copyright © 2019-2022 放肆青春
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式