flask前端与后端之间传递的两种数据格式：json与FormData

最新推荐文章于 2024-12-13 14:30:00 发布

derek881122

最新推荐文章于 2024-12-13 14:30:00 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： json python 后端

原文链接：http://www.cnblogs.com/hhh5460/p/8411978.html

这篇博客探讨了在Flask应用中，前端与后端间数据传递的两种主要格式——json和FormData。对于json格式，实现了双向交互，无论前端发送到后端还是后端响应给前端，都使用json。而FormData格式则主要用于前端到后端的单向传输，后端响应仍然采用json。详细代码示例分别展示了这两种格式的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

json格式

双向！
前端 ==>后端：json格式
后端 ==>前端：json格式

html

<!-- html部分 -->
<form enctype='application/json' method="post">
    <input type="text" name="username" placeholder="请输入用户名"/></br>
    <input type="text" name="password" placeholder="请输入密码"/></br>
    <button type="submit">登录</button>
</form>

<!-- 用户列表，用于显示新增的用户 -->
<ol id="container"></ol>

<!-- javascript部分 -->
<script>
var container = document.getElementById('container');
// 辅助函数：将一个新添加的用户(user)，放入form的下方容器的尾部显示
var show_added_user = function (user) {
    var li = document.createElement("li");
    li.innerText = user["id"] + " " + user["username"] + ":" + user["password"];
    container.appendChild(li);
};


// 将formData数据转换为json数据，版本一
var convert_FormData_to_json = function (for