1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Flask框架ajax实现前端页面局部刷新

Flask框架ajax实现前端页面局部刷新

时间:2021-05-12 14:52:48

相关推荐

Flask框架ajax实现前端页面局部刷新

log:

记录工作中遇到的问题,并解决问题

描述:

在页面发起请求之后,返回的结果在当前页面某个div刷新展示,不刷新整个页面。

python3代码

# 账号加密def encry_nick(self):data = json.loads(request.form.get("data"))print(data)nick = data["nick"]print(nick, "这是传的账号")name = ct.nick(nick)return jsonify({"success": 200, "mixNick":name})# 账号解密def decry_nick(self):data = json.loads(request.form.get("data"))mixnick = data["mixnick"]mixname = ct.username(mixnick)return jsonify({"success": 200, "nick":mixname})

前端代码:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>账号手机号加解密</title><link rel="stylesheet" href="../../static/layui/css/layui.css"><script src="../../static/layui/layui.all.js"></script><script src="../../static/jquery-3.5.1.min.js"></script><link rel="stylesheet" href="/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><div><ul class="breadcrumb"><li>工具管理</li><li class="active">加解密</li></ul></div><div style="width: 1000px; margin: 100px auto;"><form class="layui-form"><div class="layui-form-item layui-form-text"><label class="layui-form-label">会员账号</label><div class="layui-input-block"><textarea placeholder="请输入内容" class="layui-textarea txt" name="nick">{{ nick }}</textarea></div></div><div class="layui-form-item"><div class="layui-input-block"><div class="layui-btn nicks" lay-submit lay-filter="*">加密</div><div class="layui-btn mixnick" lay-submit lay-filter="*">解密</div><button type="reset" class="layui-btn layui-btn-primary clearbtn">清空</button></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label">处理结果</label><div class="layui-input-block"><textarea placeholder="" class="layui-textarea result"></textarea></div></div></form><script src="layui.js"></script></div><script type="text/javascript">//搜索结果局部刷新$(function(){$('.nicks').click(function(){var nick = $('.txt').val();var data= {data: JSON.stringify({'nick': nick,}),}$.ajax({type: 'POST',url: '/lp3/encryNick/',data: data, // 这个data是要post的数据success: function(data){ // 这个data是接收到的响应的实体$('.result').val(data["mixNick"]);}});});$('.mixnick').click(function(){var nick = $('.txt').val();var data= {data: JSON.stringify({'mixnick': nick,}),}$.ajax({type: 'POST',url: '/lp3/decryNick/',data: data, // 这个data是要post的数据success: function(data){ // 这个data是接收到的响应的实体$('.result').val(data["nick"]);}});});});//点击清空输入框$('.clearbtn').on('click',function () {$('.result').html('');$('.txt').html('');})</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。