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