Flask 中如何通过 URL 参数传递多个变量并获取输入框数据

花韻仙語

发布时间：2026-01-29 17:02:13

1017人浏览过

来源于php中文网

原创

Flask 中如何通过 URL 参数传递多个变量并获取输入框数据

本文介绍在 flask 应用中，不依赖表单（form）即可将 html 输入框内容动态传入后端路由的方法，并详解如何用 url_for 在标签中安全传递多个 url 变量。

在 Flask 开发中，常遇到需要将前端用户输入（如文本框内容）直接作为参数传入后端路由的场景，但又不想使用传统

提交（例如因页面结构限制、需保持当前页面状态，或路由设计为纯 GET 跳转）。此时，有两种主流且互补的解决方案：URL 路径参数 + 查询字符串（query string）组合传参，以及借助 JavaScript 动态拼接 URL。

✅ 方案一：用 url_for 传递多个固定/模板变量（适用于预知值）

正如示例所示，url_for() 完全支持同时传入多个参数，包括路径变量（如、


Vote Option 2

对应后端可接收全部参数（注意：user_input 不是路径变量，需从 request.args 获取）：

# app.py
from flask import Flask, request, url_for, redirect, render_template

@app.route('/polling//

⚠️ 注意：路径参数（如 Qid, option）必须严格匹配路由定义；其余键值对会自动转为查询字符串，无需额外声明。

✅ 方案二：动态获取 input 值并构造 URL（推荐用于用户实时输入）

若内容不可预知（如搜索框、自定义投票理由），则必须借助前端 JavaScript 拦截点击事件，读取输入值并动态生成跳转链接：

MusicLM

谷歌平台的AI作曲工具，用文字生成音乐

下载



Vote

后端统一处理：

@app.route('/polling//

? 关键要点总结

url_for() 是 Flask 推荐的 URL 构建方式，自动处理 URL 编码与应用上下文，绝不要手动拼接字符串；
路径参数（）用于标识资源，查询参数（?key=value）适合传递非必需、可选或动态字段；
所有用户输入务必经 encodeURIComponent()（前端）与 request.args.get()（后端）安全处理，防止 XSS 或路由解析异常；
若需提交敏感/大量数据，仍应优先考虑 POST 表单 + CSRF 保护——URL 传参仅适用于轻量、幂等操作（如投票、筛选、跳转）。

通过合理组合模板变量、查询参数与客户端脚本，你完全可以在无表单场景下实现灵活、安全、可维护的前后端数据传递。

html5日期格式时区标识怎么加_html5日期时区标识写法【说明】

如何在单页网站中实现上一篇/下一篇按钮的平滑滚动导航

为什么使用 outerHTML 会导致 onclick 事件失效？

如何在带背景图的页脚中精准叠加内容（HTML/CSS 实现方案）

为什么 outerHTML 无法保留绑定的事件监听器？

相关标签:

javascript java html 前端编码 app 后端路由 win 点击事件键值对 red flask xss csrf String 字符串事件 input

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html5可视化编辑怎么加鼠标悬停_html5可视化悬停动效教程【步骤】下一篇：html5滤镜怎么实现铜版画效_html5铜版画滤镜教程【步骤】

作者最新文章

Intel旗舰酷睿Ultra X9 388H实测：大小核IPC性能全面超越Zen 5/5c

2026-01-29 16:29

如何在并行加载 JavaScript 脚本的同时保证执行顺序

2026-01-29 16:29

JavaScript 中实现数组排序后单次通知的优雅方案

2026-01-29 16:49

脉脉怎么取消自动续费-脉脉关闭自动续费方法

2026-01-29 16:49

动态生成多页面并实现URL路由跳转的JavaScript教程

2026-01-29 16:53

Flask 中如何通过 URL 参数传递多个变量并获取输入框数据

2026-01-29 17:02

如何让 SVG 在 Flex 布局中严格适配父容器高度且保持宽高约束

2026-01-29 17:09

小鹏汽车app如何修改手机号

2026-01-29 17:18

如何使用 Flexbox 实现水平导航列表项等宽自适应填充

2026-01-29 17:34

重返历史杀鬼子！国产抗日FPS《抵抗者》新预告

2026-01-29 17:34

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发 AI 聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI 编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 AI 聊天问答

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发 AI 文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发 AI 文本写作

智谱清言 - 免费全能的AI助手

AI 编程开发 Agent智能体

相关专题

Python Flask框架

本专题专注于 Python 轻量级 Web 框架 Flask 的学习与实战，内容涵盖路由与视图、模板渲染、表单处理、数据库集成、用户认证以及RESTful API 开发。通过博客系统、任务管理工具与微服务接口等项目实战，帮助学员掌握 Flask 在快速构建小型到中型 Web 应用中的核心技能。

2025.08.25

Python Flask Web框架与API开发

本专题系统介绍 Python Flask Web框架的基础与进阶应用，包括Flask路由、请求与响应、模板渲染、表单处理、安全性加固、数据库集成（SQLAlchemy）、以及使用Flask构建 RESTful API 服务。通过多个实战项目，帮助学习者掌握使用 Flask 开发高效、可扩展的 Web 应用与 API。

2025.12.15

string转int

在编程中，我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算，或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

463

2023.08.02

js 字符串转数组

js字符串转数组的方法：1、使用“split()”方法；2、使用“Array.from()”方法；3、使用for循环遍历；4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容，供大家免费下载体验。

298

2023.08.03

js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容，供大家免费下载体验。

212

2023.09.04

java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友，请阅读本专题下面的的有关文章，欢迎大家来php中文网学习。

1502

2023.10.24

字符串介绍

字符串是一种数据类型，它可以是任何文本，包括字母、数字、符号等。字符串可以由不同的字符组成，例如空格、标点符号、数字等。在编程中，字符串通常用引号括起来，如单引号、双引号或反引号。想了解更多字符串的相关内容，可以阅读本专题下面的文章。

624

2023.11.24

java读取文件转成字符串的方法

Java8引入了新的文件I/O API，使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java，可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中，你需要将文件路径替换为你的实际文件路径，并且可能需要处理可能的IOException异常。想了解更多java的相关内容，可以阅读本专题下面的文章。

633

2024.03.22