前端JavaScript代码：
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
//--------------------------------------------GET请求
alert("GET");
$.ajax({
type:"GET",
url:"http://127.0.0.1:5000/login?pin=PIG", //请求地址替换成自己的地址
<!--dataType:"json",-->
success:function(data){
alert("GET:"+JSON.stringify(data));
},
error:function(jqXHR){
alert("Error: "+jqXHR.status);
}
});
//--------------------------------------------POST请求
alert("POST");
$.ajax({
type:"POST",
url:"http://127.0.0.1:5000/login", //请求地址替换成自己的地址
dataType:"json",
data:{
"pin": "wenru",
"name": "chenchao"
},
success:function(data){
alert("POST:"+JSON.stringify(data));
},
error:function(jqXHR){
alert("Error: "+jqXHR.status);
}
});
</script>
后端Python代码：
flask接收前端请求并返回JSON串
views.py
# coding:utf8
import json
from flask import render_template, request
from app.handler import errorres, successres #自己写的两个函数
# 获取登录名和登录密码
@home.route("/login", methods=["GET", "POST"]) #前端请求该地址 http://127.0.0.1:5000/login
def login():
# 获取请求参数
requestArgs = request.values
# request.values.get("key") 获取所有参数
# 获取请求方法 request.method
pin = requestArgs.get("pin") #不存在时返回None
pwd = requestArgs.get("pwd")
#校验用户名和密码是否存在
if pwd == None:
print(">>>>", "none pwd")
return errorres("None pwd")
elif pin == None:
print(">>>>", "none pin")
return errorres("None pin")
else:
#返回json串
res = jsonify({"pin": pin, "pwd": pwd})
return res
handler.py （这个没啥用）
#定义两个统一的方法用来返回给前端：
#放在handler.py下
# coding:utf8
from flask import jsonify
def errorres(msg):
return jsonify({"msg": msg, "status": 0})
def successres(data, msg=None, ):
return jsonify({"msg": msg, "status": 1, "data": data})
网友评论