(一)使用form表单的name属性简单实现前后端交互

实现效果:

在这里插入图片描述
点击提交后:

在这里插入图片描述

在这里插入图片描述

前端页面源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax前后端交互_通过name属性进行</title>
</head>
<body>

<form action="/" method="post">
    用户名:<input type="text" placeholder="请输入用户名" name="user"><br>&emsp;码:<input type="password" placeholder="请输入密码" name="pwd"><br>
    性别:<label for="male"></label>
    <input type="radio" name="sex" value="male" id="male">
    <label for="female"></label>
    <input type="radio" name="sex" value="female" id="female">
    <label for="no">保密</label>
    <input type="radio" name="sex" value="no" id="no" checked>
    <br>
    爱好:<label for="sing">唱歌</label>
    <input type="checkbox" name="hobby" id="sing" value="sing" checked>
    <label for="dance">跳舞</label>
    <input type="checkbox" name="hobby" id="dance" value="dance">
    <label for="draw">画画</label>
    <input type="checkbox" name="hobby" id="draw" value="draw">
    <br>
    上传头像:<input type="file" accept="image/*" name="file"><br>
    地址:<select name="address" id="address" size="1">
    <optgroup label="河南省">
        <option value="ZZ">郑州市</option>
        <option value="XY">信阳市</option>
        <option value="NY">南阳市</option>
    </optgroup>
    <optgroup label="湖北省">
        <option value="WH">武汉市</option>
    </optgroup>
    <optgroup label="湖南市">
        <option value="CS">长沙市</option>
    </optgroup>
</select>
    <br>
    个人简介:<textarea name="introduce" id="introduce" cols="30" rows="10"></textarea><br>
    <input type="submit" value="提交">
    <input type="reset">
</form>

</body>
</html>

后端服务器源码:

import tornado.web

import tornado.ioloop
import tornado.web


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render("Ajax_前端.html")

    def post(self, *args, **kwargs):
        print(self.get_argument("user"))
        print(self.get_argument("pwd"))
        print(self.get_argument("sex"))
        # 爱好是不定长的,所以用不定长参数arguments
        print(self.get_arguments("hobby"))
        print(self.get_argument("file"))
        print(self.get_argument("address"))
        print(self.get_argument("introduce"))
        self.write("提交成功")



if __name__ == "__main__":
    application = tornado.web.Application([
        (r"/", MainHandler),
    ])
    application.listen(8888)
    tornad

小提醒,如果运行报错,加入以下代码:

# windows 系统下 tornado 使用 SelectorEventLoop
import platform

if platform.system() == "Windows":
    import asyncio

    asyncio.set_event_loop_policy(asyncio.WindowsSelectorEventLoopPolicy())

??可通过点击下面——>关注本人运营
公众号??

【可以公众号里私聊并标明来自CSDN,会拉你进入技术交流群(群内涉及各个领域大佬级人物,任何问题都可讨论~)--->互相学习&&共同进步(非诚勿扰)】

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>