popup弹出html页面,Popup弹出框绑定添加数据事件（步奏详解）

这次给大家带来Popup弹出框绑定添加数据事件(步奏详解)，Popup弹出框绑定添加数据事件的注意事项有哪些，下面就是实战案例，一起来看一下。

逻辑

窗口P1中显示一组数据，并提供一个添加按钮

点击按钮，弹出新的浏览器窗口P2，在其中添加一条数据并提交后，窗口P2自动关闭

新添加数据动态添加到窗口P1中并被选中

所需知识：JS BOM 窗口对象；JS自执行函数

实现

下面在Django中简单实现下，因为比较简单，路由和视图就写在一起了。

1.路由和视图部分from django.conf.urls import url

from django.shortcuts import render

def p1(request):

return render(request, 'p1.html')

def p2(request):

if request.method == 'GET':

return render(request, 'p2.html')

elif request.method == 'POST':

city = request.POST.get('city')

print('执行数据保存操作...