从0开始python后端开发_前端(html)向后端(python)传递数据_GET_POST

关于POST和GET的请求方法和区别请参考:HTTP协议下GET与POST的区别

GET方法

首先先使用html简单编写一个表单页面

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>GET方法传递数据(runoob.com)</title>
</head>
<body>
<form action="/cgi-bin/backend_get.py" method="get">
数据值1: <input type="text" name="data_1">  <br />
数据值2: <input type="text" name="data_2" />
<input type="submit" value="GET提交" />
</form>
</body>
</html>

运行示列:

后端python代码:

 

backend_get.py
#!/usr/bin/python
# -*- coding: UTF-8 -*-

# 添加GI处理模块
import cgi, cgitb 

# 创建FieldStorage的实例化
form = cgi.FieldStorage() 
#获取html页面传递过来的数据值
str_data_1  =  form.getvalue('data_1')
str_data_2  =  form.getvalue('data_2')
#打印输出
print "Content-type:text/html"
print
print "<html>"
print "<head>"
print "<meta charset=\"utf-8\">"
print "<title>GET</title>"
print "</head>"
print "<body>"
print "<h2>data_1:%s,data_2:%s</h2>" % (str_data_1, str_data_2)
print "</body>"
print "</html>"

 

 

 

写完之后别忘记给python脚本加上运行权限

别忘记sudo

sudo chmod 755 backend_get.py

运行示列:

前端:

请求url:

/cgi-bin/baeckend_get.py?data_1=test_1&data_2=test_2

后端输出:

data_1:test_1,data_2:test_2

POST方法:

表单代码只需要copy一份然后修改method属性值改为post即可

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>POST方法传递数据(runoob.com)</title>
</head>
<body>
<form action="/cgi-bin/hello_get.py" method="post">
数据值1: <input type="text" name="data_1">  <br />
数据值2: <input type="text" name="data_2" />
<input type="submit" value="POST提交" />
</form>
</body>
</html>

后端代码无需变更直接copy一份即可,将名字改为backend_post,py,无需给权限,copy会连同文件权限一并复制!

#!/usr/bin/python
# -*- coding: UTF-8 -*-

# 添加GI处理模块
import cgi, cgitb 

# 创建FieldStorage的实例化
form = cgi.FieldStorage() 
#获取html页面传递过来的数据值
str_data_1  =  form.getvalue('data_1')
str_data_2  =  form.getvalue('data_2')
#打印输出
print "Content-type:text/html"
print
print "<html>"
print "<head>"
print "<meta charset=\"utf-8\">"
print "<title>POST</title>"
print "</head>"
print "<body>"
print "<h2>data_1:%s,data_2:%s</h2>" % (str_data_1, str_data_2)
print "</body>"
print "</html>"

运行示列:

url:

/cgi-bin/baeckend_get.py

后端输出

data_1:test_1,data_2:test_2

 

 

 

 

 

  • 30
    点赞
  • 193
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 16
    评论
要在 HTML 页面中传递 JSON 数据Python 后端,可以使用 JavaScript 将 JSON 数据序列化为字符串,并将其作为 POST 请求的请求体发送到 Python 服务器。以下是一个简单的示例: HTML 页面: ```html <!DOCTYPE html> <html> <head> <title>传递JSON数据</title> </head> <body> <script> var data = { "name": "张三", "age": 20, "gender": "男" }; var xhr = new XMLHttpRequest(); xhr.open('POST', '/json_data'); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify(data)); </script> </body> </html> ``` Python 服务器: ```python from flask import Flask, request app = Flask(__name__) @app.route('/json_data', methods=['POST']) def handle_json_data(): data = request.get_json() name = data['name'] age = data['age'] gender = data['gender'] return '姓名:{},年龄:{},性别:{}'.format(name, age, gender) if __name__ == '__main__': app.run(debug=True) ``` 在上面的示例中,JavaScript 将一个 JSON 对象序列化为字符串,并使用 XMLHttpRequest 对象向 `/json_data` 路径发送了一个 POST 请求,请求体为 JSON 字符串。在 Python 服务器中,`request.get_json()` 获取请求体中的 JSON 数据,然后使用这些数据返回一个简单的字符串响应。 需要注意的是,请求头中的 `Content-Type` 要设置为 `application/json`,表示请求体中包含 JSON 数据。在 Python 服务器中,可以使用 `request.get_json()` 方法获取 JSON 数据,Flask 会自动根据请求头中的 `Content-Type` 解析请求体中的数据
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

17岁boy想当攻城狮

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值