python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框

一、 文本域和单选按钮

前端 文本域和单选按钮表单获取方法一样

<code>  </code><code>&lt;</code><code>form</code> <code>class</code><code>=</code><code>"form-horizontal"</code> <code>method</code><code>=</code><code>"post"</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"form-group"</code><code>&gt;</code>

<code>      </code><code>&lt;</code><code>label</code> <code>for</code><code>=</code><code>"username"</code> <code>class</code><code>=</code><code>"col-sm-2 control-label"</code><code>&gt;Username&lt;/</code><code>label</code><code>&gt;</code>

<code>      </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-10"</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>class</code><code>=</code><code>"form-control"</code> <code>id</code><code>=</code><code>"username"</code> <code>name</code><code>=</code><code>"username"</code> <code>placeholder</code><code>=</code><code>"Username"</code> <code>autofocus</code><code>=</code><code>""</code> <code>&gt;</code>

<code>      </code><code>&lt;/</code><code>div</code><code>&gt;</code>

<code>    </code><code>&lt;/</code><code>div</code><code>&gt;</code>

<code>....</code>

<code>...</code>

<code>  </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"row"</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-2 col-sm-offset-2"</code><code>&gt;</code>

<code>            </code><code>&lt;</code><code>input</code> <code>name</code><code>=</code><code>"sex"</code> <code>value</code><code>=</code><code>"M"</code> <code>type</code><code>=</code><code>"radio"</code>  <code>checked</code><code>=</code><code>"checked"</code><code>&gt; 男</code>

<code>        </code><code>&lt;/</code><code>div</code><code>&gt;</code>

<code> </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-2 "</code><code>&gt;</code>

<code>            </code><code>&lt;</code><code>input</code> <code>name</code><code>=</code><code>"sex"</code> <code>value</code><code>=</code><code>"F"</code> <code>type</code><code>=</code><code>"radio"</code><code>&gt; 女</code>

<code>                    </code> 

<code>&lt;/</code><code>form</code><code>&gt;</code>

文本

pyhon 后端用request.values.get("name") 去获取

<code>if</code> <code>request.method </code><code>=</code><code>=</code> <code>"POST"</code><code>:   </code>

<code>    </code><code>username </code><code>=</code> <code>request.values.get(</code><code>"username"</code><code>)</code>

<code>    </code><code>sex </code><code>=</code> <code>request.values.get(</code><code>"sex"</code><code>)</code>

二、多选按钮checkbox

<code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"row"</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-2 "</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>label</code><code>&gt;</code>

<code>            </code><code>&lt;</code><code>input</code> <code>name</code><code>=</code><code>"s_option"</code> <code>value</code><code>=</code><code>"basketball"</code> <code>type</code><code>=</code><code>"checkbox"</code><code>&gt; 篮球</code>

<code>        </code><code>&lt;/</code><code>label</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>name</code><code>=</code><code>"s_option"</code> <code>value</code><code>=</code><code>"football"</code> <code>type</code><code>=</code><code>"checkbox"</code><code>&gt; 足球</code>

<code>            </code><code>&lt;</code><code>input</code> <code>name</code><code>=</code><code>"s_option"</code> <code>value</code><code>=</code><code>"badminton"</code>  <code>type</code><code>=</code><code>"checkbox"</code><code>&gt; 羽毛球</code>

<code>&lt;/</code><code>div</code><code>&gt;</code>

后端使用request.values.getlist("s_option") 去获取，获取的value会组成一个列表

<code>s_option </code><code>=</code>  <code>request.values.getlist(</code><code>"s_option"</code><code>)</code>

<code>for</code> <code>s </code><code>in</code> <code>s_option:</code>

<code>    </code><code>pass</code>

三、select 下拉框

前端表现形式

<code>&lt;</code><code>select</code> <code>class</code><code>=</code><code>"form-control"</code> <code>name</code><code>=</code><code>"manufacturer"</code> <code>id</code><code>=</code><code>"manufacturer"</code><code>&gt;</code>

<code>         </code><code>&lt;</code><code>option</code><code>&gt;&lt;/</code><code>option</code><code>&gt;</code>

<code>         </code><code>&lt;</code><code>option</code> <code>selected</code><code>=</code><code>"selected"</code><code>&gt;--请选择厂家--&lt;/</code><code>option</code><code>&gt;</code>

<code>         </code><code>&lt;</code><code>option</code> <code>&gt;HP&lt;/</code><code>option</code><code>&gt;</code>

<code>         </code><code>&lt;</code><code>option</code> <code>&gt;Huawei&lt;/</code><code>option</code><code>&gt;</code>

<code>         </code><code>&lt;</code><code>option</code> <code>&gt;Inspur&lt;/</code><code>option</code><code>&gt;</code>

<code>&lt;/</code><code>select</code><code>&gt;</code>

pyhon 后端也是用request.values.get("name") 去获取

四 获取前端传输过来的json

request.json 返回的是一个字典

request.json.get("key",'')

curl模拟