flask的客户端服务端

1.首先要进行后端与前端的连接有get 和post请求

get请求是直接在网页上打出已将定义好的网址

if __name__ == '__main__':    app.run(host="localhost",port=8800)host也可以写ip地址

2.在进行交互前需要提前引入 flask 模块 pip3 install Flask详细代码

 1 import json
 2 # 引入flask模块进行前后端交互
 3 from flask import Flask
 4 from flask import  request
 5 from flask import  Response
 6 # 通过装饰器创建实例化对象
 7 app = Flask(__name__)
 8 # 定义路由
 9 @app.route("/")
10 # 路由对应的函数处理
11 def index():
12     # 响应数据
13     resp = Response("<h2>首页</h2>")
14     # 允许所有跨域访问
15     resp.headers["Access-Control-Allow-Origin"] = "*"
16     return resp
17 # 定义路由
18 @app.route("/course")
19 # 路由对应函数处理
20 def course():
21     resp = Response(json.dumps({
22         "name":"alex"
23     }))
24     # 允许跨区域访问
25
26     resp.headers["Access-Control-Allow-Origin"] = "*"
27     return  resp
28 # 路由对应的函数处理 这里改为post
29 @app.route("/zq",methods=["post",])
30 def zq():
31     # 打印出前端的value
32     print(request.form.get("name"))
33     with open("user.json","r") as f:
34         # 通过读取文件用json
35         data = json.loads(f.read())
36     #     data添加name为key 内容为value的值
37     data.append({"name":request.form.get("name")})
38     with open("user.json", 'w')as  f:
39         # 将data 添加的数据写到user.json文档中
40         f.write(json.dumps(data))
41     #     将data打印到前端
42     resp = Response(json.dumps(data))
43     resp.headers["Access-Control-Allow-Origin"] = "*"
44     return resp
45
46
47 if __name__ == '__main__':
48     app.run(host="localhost",port=8800)

后端

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 </head>
 8 <body>
 9 <div class="user">
10     <input type="text" name="user">
11     <input type="button" value="提交">
12 </div>
13 <script SRC="jquery.js"></script>
14 <script>
15 /*    $.ajax({
16         url: "http://localhost:8800/course",
17         type: "get",
18         //这里需要声明dataType 不需要转换json就是字典,
19         // dataType:"json",
20         success: function (data) {
21             //     console.log(data);
22             //因为server 是通过json传说那个字典的形式,传出来的是一串字符串,需要解开
23             var a = JSON.parse(data);
24             console.log(a);
25             //这是转换成字符串形式
26             var str_pretty = JSON.stringify(a);
27             console.log(str_pretty)
28
29
30         },
31         error: function () {
32
33         }
34     });*/
35     $("input[type=button]").click(function () {
36         //通过alex进行post请求
37         $.ajax({
38             url:"http://127.0.0.1:8800/zq",
39             type:"post",
40             data:{
41                 name:$("input[type=text]").val()
42             },
43             success:function (data) {
44                 console.log(data);
45             },
46             error:function () {
47
48             }
49         })
50     })
51
52
53 </script>
54
55 </body>
56 </html>

前端ajax

2.post请求需要data数据

转载于:https://www.cnblogs.com/zhangqing979797/p/9774823.html

flask的客户端服务端相关推荐

处理大并发之一对epoll的理解，epoll客户端服务端代码
http://blog.csdn.net/zhuxiaoping54532/article/details/56494313 处理大并发之一对epoll的理解,epoll客户端服务端代码序言: 该 ...
客户端服务端交互实现
问题客户端业务逻辑如何实现? 与服务设备具体交互细节如何设计? 客户端业务逻辑实现用户输入处理字符串空格处理,分割获取命令与参数服务信息处理字符串预处理,分割获取服务命令存储服务命令与设备 ...
OpenCV-Python实战（22）——使用Keras和Flask在Web端部署图像识别应用
OpenCV-Python实战(22)--使用Keras和Flask在Web端部署图像识别应用 0. 前言 1. Keras 应用程序 2. 创建 Keras 应用程序的深度学习 REST API 小 ...
基于Java的Minecraft游戏后端自定义插件 01客户端服务端
客户端服务端课程大纲初识客户端与服务端服务端客户端客户端下载与启动客户端文件目录介绍服务端与启动服务端目录服务端文件详解常规游戏通信同步课程大纲常见服务端简介服务端目录结构介 ...
单机网页游戏的如何修改服务器数据库,页游源码【神创天下】单机版GM修改+人物数据修改教程+一键启动客户端服务端...
页游源码[神创天下]单机版GM修改+人物数据修改教程+一键启动客户端服务端_站长下载安装说明: 1.本资源为页游单机版一键启动服务端.默认单机架设,无需修改IP. 2.此资源原始版本为刀剑无双,为刀 ...
qt向服务器传输文字_使用Qt实现客户端服务端聊天和传输文件
[实例简介] 使用Qt实现客户端服务端聊天和传输文件,带有ui设计界面 [实例截图] [核心代码] TcpFile └── TcpFile ├── TcpClient │ ├── TcpClien ...
封装利用libwebsockets写出的客户端、服务端程序为客户端服务端类
封装利用libwebsockets写出的客户端.服务端程序为客户端服务端类文章目录封装利用libwebsockets写出的客户端.服务端程序为客户端服务端类 1.封装 2.封装后写wss客户端.服 ...
【Java】GUI界面聊天小程序（基于Socket的客户端服务端通信）
基于Socket的客户端服务端通信--Java GUI界面小程序 Socket概念及其通信过程: Socket是TCP/IP中的基本概念,它负责将TCP/IP包发送到指定的IP地址.也可以看成是在两个 ...
全网史上最详细全面的Linux下安装mysql客户端服务端
全网史上最详细全面的Linux下安装mysql客户端服务端Linux下安装mysql 1.上传MySQL5.6的tar包创建目录: mkdir /usr/local/src/mysql5.6 上传: ...

flask的客户端服务端

flask的客户端服务端相关推荐

最新文章

热门文章