django跳轉(zhuǎn)頁(yè)面?zhèn)鲄⒌膶?shí)現(xiàn)
一、情景
eg:查看一條數(shù)據(jù)的詳情,需要跳轉(zhuǎn)頁(yè)面,并進(jìn)行傳值
二、思路
方式1:觸發(fā)詳情按鈕時(shí),Js獲取到該條數(shù)據(jù)的id值,并傳遞給url,后臺(tái)接受到該請(qǐng)求,通過(guò)id查詢(xún)到這條數(shù)據(jù)。并返回一個(gè)json串給前端。前端拿到數(shù)據(jù)進(jìn)行處理,映射給頁(yè)面。
方式2:觸發(fā)詳情按鈕時(shí),同時(shí)前端進(jìn)行本地保存當(dāng)前數(shù)據(jù)(sessionstorage\localstorage),跳轉(zhuǎn)頁(yè)面后,前端直接從storage當(dāng)前取值并回顯。
①關(guān)于數(shù)據(jù)存儲(chǔ):
sessionstorage:數(shù)據(jù)存儲(chǔ),關(guān)閉窗口的同時(shí),清除數(shù)據(jù)
localstorage:數(shù)據(jù)存儲(chǔ),未定義過(guò)期時(shí)間,一直存在本地
需要注意的是:當(dāng)前端頁(yè)面發(fā)生跳轉(zhuǎn)時(shí),資源都會(huì)被重載,當(dāng)未進(jìn)行傳值的情況下,無(wú)法跨頁(yè)面加載數(shù)據(jù)。
三 實(shí)現(xiàn):
方式1:URL傳值
①獲取id后直接傳遞給URL
window.location.href=`index.html?nid=${id}`;
②再跳轉(zhuǎn)到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);//處理函數(shù),發(fā)送請(qǐng)求 } })();
方式2:本地存儲(chǔ)
①存
//本地存儲(chǔ) 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、如果在反轉(zhuǎn)url的時(shí)候,需要添加參數(shù),那么可以通過(guò)傳遞'kwargs'參數(shù)到'reverse'函數(shù)中。實(shí)例代碼:
urls.py
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
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) # 登錄成功跳轉(zhuǎn)頁(yè)面 return redirect(reverse('article', kwargs={'year': 2019, 'month': 12})) else: err_msg = '用戶(hù)未激活,請(qǐng)聯(lián)系管理員進(jìn)行激活' else: err_msg = '用戶(hù)名或密碼有誤' return render(request, 'login.html', {"err_msg": err_msg, "username": username}) def article(request, year, month): return HttpResponse('您查詢(xún)的文章日期是:%s年%s月' %(year, month))
2、如果想要添加查詢(xún)字符串的參數(shù),則必須手動(dòng)的進(jìn)行拼接。實(shí)例代碼如下:
login_url = reverse('login')+"?next=/"
到此這篇關(guān)于django跳轉(zhuǎn)頁(yè)面?zhèn)鲄⒌膶?shí)現(xiàn)的文章就介紹到這了,更多相關(guān)django跳轉(zhuǎn)頁(yè)面?zhèn)鲄?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
解決ImportError:DLL load failed while impo
在安裝pywin32后,可能會(huì)出現(xiàn)無(wú)法導(dǎo)入win32api的錯(cuò)誤,一個(gè)有效的解決方案是運(yùn)行pywin32_postinstall.py腳本,首先,打開(kāi)cmd并切換到環(huán)境的Scripts文件夾,確保存在pywin32_postinstall.py文件2024-09-097個(gè)流行的Python強(qiáng)化學(xué)習(xí)算法及代碼實(shí)現(xiàn)詳解
目前流行的強(qiáng)化學(xué)習(xí)算法包括?Q-learning、SARSA、DDPG、A2C、PPO、DQN?和?TRPO。這些算法已被用于在游戲、機(jī)器人和決策制定等各種應(yīng)用中,本文我們將對(duì)其做一個(gè)簡(jiǎn)單的介紹,感興趣的可以學(xué)習(xí)一下2023-01-01python實(shí)現(xiàn)K近鄰回歸,采用等權(quán)重和不等權(quán)重的方法
今天小編就為大家分享一篇python實(shí)現(xiàn)K近鄰回歸,采用等權(quán)重和不等權(quán)重的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-01-01Django contenttypes 框架詳解(小結(jié))
這篇文章主要介紹了Django contenttypes 框架詳解(小結(jié)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Python面向?qū)ο笾腴T(mén)類(lèi)和對(duì)象
這篇文章主要為大家介紹了Python入門(mén)類(lèi)和對(duì)象,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-12-12python編程冒泡排序法實(shí)現(xiàn)動(dòng)圖排序示例解析
這篇文章主要介紹了python編程中如何使用冒泡排序法實(shí)現(xiàn)動(dòng)圖排序的示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2021-10-10Tensorflow 實(shí)現(xiàn)修改張量特定元素的值方法
今天小編就為大家分享一篇Tensorflow 實(shí)現(xiàn)修改張量特定元素的值方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-07-07