python flask 框架後端如何獲取前端的表單數據 文本 單選框 多選框



1、 文本域和單選按鈕html

前端 文本域和單選按鈕表單獲取方法同樣前端

  <form class="form-horizontal" method="post">
    <div class="form-group">
      <label for="username" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="username" name="username" placeholder="Username" autofocus="" >
      </div>
    </div>
....
...
  <div class="row">
        <div class="col-sm-2 col-sm-offset-2">
            <input name="sex" value="M" type="radio"  checked="checked"> 男
        </div>
 <div class="col-sm-2 ">
            <input name="sex" value="F" type="radio"> 女
        </div>
                    
    </div>
</form>

文本python


pyhon 後端用request.values.get("name") 去獲取json

if request.method == "POST":   
    username = request.values.get("username")
    sex = request.values.get("sex")



2、多選按鈕checkbox後端

    

<div class="row">
    <div class="col-sm-2 ">
        <label>
            <input name="s_option" value="basketball" type="checkbox"> 籃球
        </label>
    </div>
    <div class="col-sm-2 ">
        <label>
        <input name="s_option" value="football" type="checkbox"> 足球
        </label>
    </div>
    <div class="col-sm-2 ">
        <label>
            <input name="s_option" value="badminton"  type="checkbox"> 羽毛球
        </label>
    </div>
</div>


後端使用request.values.getlist("s_option") 去獲取,獲取的value會組成一個列表api

s_option =  request.values.getlist("s_option")
for s in s_option:
    pass


3、select 下拉框app


前端表現形式curl

<select class="form-control" name="manufacturer" id="manufacturer">
         <option></option>
         <option selected="selected">--請選擇廠家--</option>
         <option >HP</option>
         <option >Huawei</option>
         <option >Inspur</option>
</select>



pyhon 後端也是用request.values.get("name") 去獲取ide




四 獲取前端傳輸過來的jsonpost

request.json 返回的是一個字典

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



curl模擬

curl -i -H "Content-Type: application/json" -X POST -d '{"title":"Read a book"}'  http://localhost:5000/todo/api/v1.0/tasks
相關文章
相關標籤/搜索