一、情景
eg:查看一条数据的详情,需要跳转页面,并进行传值
二、思路
方式1:触发详情按钮时,Js获取到该条数据的id值,并传递给url,后台接受到该请求,通过id查询到这条数据。并返回一个json串给前端。前端拿到数据进行处理,映射给页面。
方式2:触发详情按钮时,同时前端进行本地保存当前数据(sessionstorage\localstorage),跳转页面后,前端直接从storage当前取值并回显。
①关于数据存储:
sessionstorage:数据存储,关闭窗口的同时,清除数据
localstorage:数据存储,未定义过期时间,一直存在本地
需要注意的是:当前端页面发生跳转时,资源都会被重载,当未进行传值的情况下,无法跨页面加载数据。
三 实现:
方式1:URL传值
①获取id后直接传递给URL
1
|
window.location.href = `index.html?nid = ${ id }`; |
②再跳转到index.html的js中获取到该并id解析
1
2
3
4
5
6
7
8
9
|
(function() { window.onload = function() { var url = window.location.href; var url_param = url.split( "?" )[ 1 ]; var url_param_arr = url_param.split( "=" ); var nid = {nid:url_param_arr[ 1 ]}; preview_index(nid); / / 处理函数,发送请求 } })(); |
方式2:本地存储
①存
1
2
3
4
5
|
/ / 本地存储 var storage = window.sessionStorage; storage[ 'index_name' ] = $( '#index_name' ).val(); storage[ 'index_title' ] = $( '#index_title' ).val(); storage[ 'index_content' ] = $( '#index_content' ).val(); |
②读取
1
2
|
var storage = window.sessionStorage; title = storage.index_title |
四、其他方法
1、如果在反转url的时候,需要添加参数,那么可以通过传递'kwargs'参数到'reverse'函数中。实例代码:
urls.py
1
2
3
4
5
6
7
|
from django.urls import path, re_path from app01 import views urlpatterns = [ path( 'article/<year>/<month>/' ,views.article,name = 'article' ), path('', views.Login.as_view(), name = "login" ), ] |
views.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
from django.shortcuts import HttpResponse, redirect, reverse from django.contrib.auth.models import User, from django.views.generic import View from django.contrib.auth import authenticate, login, class Login(View): def get( self , request): return render(request, 'login.html' ) def post( self , request): username = request.POST.get( 'username' ) passwd = request.POST.get( 'passwd' ) user = authenticate(request, username = username, password = passwd) if user is not None : if user.is_active: login(request, user) # 登录成功跳转页面 return redirect(reverse( 'article' , kwargs = { 'year' : 2019 , 'month' : 12 })) else : err_msg = '用户未激活,请联系管理员进行激活' else : err_msg = '用户名或密码有误' return render(request, 'login.html' , { "err_msg" : err_msg, "username" : username}) def article(request, year, month): return HttpResponse( '您查询的文章日期是:%s年%s月' % (year, month)) |
2、如果想要添加查询字符串的参数,则必须手动的进行拼接。实例代码如下:
1
|
login_url = reverse( 'login' ) + "?next=/" |
到此这篇关于django跳转页面传参的实现的文章就介绍到这了,更多相关django跳转页面传参内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!
原文链接:https://www.cnblogs.com/xshan/p/12080703.html