django跳转页面传参的实现

这篇文章主要介绍了django跳转页面传参的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

一、情景

    eg:查看一条数据的详情,需要跳转页面,并进行传值

二、思路

方式1:触发详情按钮时,Js获取到该条数据的id值,并传递给url,后台接受到该请求,通过id查询到这条数据。并返回一个json串给前端。前端拿到数据进行处理,映射给页面

方式2:触发详情按钮时,同时前端进行本地保存当前数据(sessionstoragelocalstorage),跳转页面后,前端直接从storage当前取值并回显。

           ①关于数据存储:

            sessionstorage:数据存储,关闭窗口的同时,清除数据

            localstorage:数据存储,未定义过期时间,一直存在本地

需要注意的是:当前端页面发生跳转时,资源都会被重载,当未进行传值的情况下,无法跨页面加载数据。

三 实现:

方式1:URL传值

获取id后直接传递给URL

window.location.href=`index.html?nid=${id}`;

②再跳转到index.html的js中获取到该并id解析

(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:本地存储

①存

//本地存储 var storage = window.sessionStorage; storage['index_name'] = $('#index_name').val(); storage['index_title'] = $('#index_title').val(); storage['index_content'] = $('#index_content').val();

②读取

var storage=window.sessionStorage; title=storage.index_title

四、其他方法

1、如果在反转url的时候,需要添加参数,那么可以通过传递'kwargs'参数到'reverse'函数中。实例代码

urls.py

from django.urls import path, re_path from app01 import views urlpatterns = [ path('article///',views.article,name='article'), path('', views.Login.as_view(), name="login"), ]

views.py

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、如果想要添加查询字符串的参数,则必须手动的进行拼接。实例代码如下:

login_url = reverse('login')+"?next=/"

相关文章

功能概要:(目前已实现功能)公共展示部分:1.网站首页展示...
大体上把Python中的数据类型分为如下几类: Number(数字) ...
开发之前第一步,就是构造整个的项目结构。这就好比作一幅画...
源码编译方式安装Apache首先下载Apache源码压缩包,地址为ht...
前面说完了此项目的创建及数据模型设计的过程。如果未看过,...
python中常用的写爬虫的库有urllib2、requests,对于大多数比...