html与python后端交互，python后端中取表单

最新推荐文章于 2024-07-11 15:25:58 发布

水星灭绝

最新推荐文章于 2024-07-11 15:25:58 发布

阅读量1.3w

点赞数 16

分类专栏： h5 python

本文链接：https://blog.csdn.net/wulong710/article/details/108565334

版权

h5 同时被 2 个专栏收录

121 篇文章 3 订阅

订阅专栏

python

86 篇文章 3 订阅

订阅专栏

参考：http://www.manongjc.com/detail/13-owqqwhqvsqworkh.html

前端：

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>测试表单</title>
</head>

<body>
  <form action="http://localhost:8080/get/sum" target="_blank" method="POST">
    名字 ： <input type="text" name="mname" value="myname"><br>
    年龄 ：<input type="number" name="mage" value="833"><br>
    密码：<input type="password" name="mpassword" value="1314"><br>
    性别： 男<input type="radio" name="sex" value="male" checked="checked"> 女<input type="radio" name="sex"
      value="female"><br>

    内容：<textarea name="mcontent">input you are a good boy.你好啊</textarea>
    提交表单：<input type="submit" value="提交">
  </form>
</body>

</html>

python服务器

# coding=utf-8
from flask import Flask, request, jsonify
import urllib

app = Flask(__name__)


@app.route("/get/sum", methods=["GET", "POST"])
def get_sum():
    data = request.get_data()
    print("header {}".format(request.headers))
    print("data = ", data)

    text = data.decode("utf-8")
    sp = text.split("&")
    print("text = {}".format(text))

    print(urllib.parse.unquote(text, encoding="utf-8"))

    i = 0
    kv = {}
    for s in sp:
        print("{} s = {}".format(i, s))
        pp = s.split("=")
        if (len(pp) == 2):
            value = pp[1]
            kv[pp[0]] = value
            print(urllib.parse.unquote(value, encoding="utf-8"))

    print("kv {}".format(kv))
    info = {}
    info['name'] = "中文"
    info["age"] = 8928
    return jsonify(info)


if __name__ == "__main__":
    app.config["JSON_AS_ASCII"] = False
    app.run(host="127.0.0.1", port=8080)

结果：

点击“提交”按钮后结果(显示中文结果)：

{"age":8928,"name":"中文"}

python服务器第二版，获取表单值

# coding=utf-8
from flask import Flask, request, jsonify
import urllib

app = Flask(__name__)


@app.route("/get/sum", methods=["GET", "POST"])
def get_sum():
    print("header {}".format(request.headers))
    print("args ", request.args)
    print("form {}".format(request.form.to_dict()))
    for k, v in request.form.to_dict().items():
        print("k = ", k, ", v = ", v)

    info = {}
    info['name'] = "中文"
    info["age"] = 8928
    return jsonify(info)


if __name__ == "__main__":
    app.config["JSON_AS_ASCII"] = False
    app.run(host="127.0.0.1", port=8080)

结果：

header Host: localhost:8080
Connection: keep-alive
Content-Length: 116
Cache-Control: max-age=0
Upgrade-Insecure-Requests: 1
Origin: null
Content-Type: application/x-www-form-urlencoded
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Sec-Fetch-Site: cross-site
Sec-Fetch-Mode: navigate
Sec-Fetch-User: ?1
Sec-Fetch-Dest: document
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9


args  ImmutableMultiDict([])
form {'mname': 'myname', 'mage': '833', 'mpassword': '1314', 'sex': 'male', 'mcontent': 'input++= you are a good boy.你好啊'}
k =  mname , v =  myname
k =  mage , v =  833
k =  mpassword , v =  1314
k =  sex , v =  male
k =  mcontent , v =  input++= you are a good boy.你好啊
127.0.0.1 - - [15/Sep/2020 21:19:50] "POST /get/sum HTTP/1.1" 200 -