Django之PopUp的具体实现方法

时间：2021-05-22

步骤一：index页面处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title></head><body><div id="hhh">hello</div><a href="" onclick=" rel="external nofollow" punch('/pop/')">点我点我</a></body><script> function punch(url) { window.open(url,url,"status=1,width:500,height:600,toolbar=0,resizeable=0") } function callbackns(text) { document.getElementById('hhh').innerText = text }</script></html>

步骤二：配置路由

urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), path('pop/', views.pop),]

步骤三：视图函数

from django.shortcuts import render# Create your views here.def index(request): """ :param request: :return: """ return render(request, 'test1.html')def pop(request): """ :param request: :return: """ if request.method == 'GET': return render(request, 'test2.html') else: text = request.POST.get('content') return render(request, 'test3.html', {'text': text})

步骤四：构建一个前端页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>pop页面</title></head><body><form action="" method="post"> {% csrf_token %} <input type="text" name="content"> <input type="submit" value="提交"></form></body></html>

步骤五：自执行函数处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>正在关闭...</title></head><body><script> (function () { opener.callbackns("{{ text }}"); window.close() })()</script></body></html>

步骤六：关闭当前窗口并执行

function callbackns(text) { document.getElementById('hhh').innerText = text }

以上这篇Django之PopUp的具体实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章