一、情景
eg:查看一条数据的详情,需要跳转页面,并进行传值
二、思路
方式1:触发详情按钮时,Js获取到该条数据的id值,并传递给url,后台接受到该请求,通过id查询到这条数据。并返回一个json串给前端。前端拿到数据进行处理,映射给页面。
方式2:触发详情按钮时,同时前端进行本地保存当前数据(sessionstorage\localstorage),跳转页面后,前端直接从storage当前取值并回显。
①关于数据存储:
sessionstorage:数据存储,关闭窗口的同时,清除数据
localstorage:数据存储,未定义过期时间,一直存在本地
需要注意的是:当前端页面发生跳转时,资源都会被重载,当未进行传值的情况下,无法跨页面加载数据。
三 实现:
方式1:URL传值
①获取id后直接传递给URL
window.location.href=`index.html"htmlcode">(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/<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) # 登录成功跳转页面 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')+""
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年11月20日
2024年11月20日
- 罗大佑-无法盗版的青春套装版10CD【WAV】
- 张学友《意乱情迷》蜚声环球 2024 [WAV+CUE][1G]
- 柏菲《好歌30年特别版2CD》最好听的影视歌曲[低速原抓WAV+CUE][1G]
- 张学友《世纪10星·永恒篇》香港版[WAV+CUE][1G]
- 模拟之声慢刻CD《刘德海.琵琶独奏精逊【低速原抓WAV+CUE】
- Jamettone-18052023—improv(EDit)(2024)【FLAC】
- 【索尼精芽20首最棒的苏格兰歌曲集【FLAC】
- 池约翰C.J《少年白马醉春风2 动画原声带》[320K/MP3][26.67MB]
- 池约翰C.J《少年白马醉春风2 动画原声带》[FLAC/分轨][144.13MB]
- 陈致逸《幻想乐园 Fantasyland》[320K/MP3][120.54MB]
- 席卷全球最红舞曲《火辣辣DJ[英文版]》[DTS-WAV]
- 群星-席卷全球最红舞曲《火辣辣DJ中文版》【WAV】
- 模拟之声慢刻CD《声入人心[年度发烧人声严选]》[低速原抓WAV+CUE]
- 陈致逸《幻想乐园 Fantasyland》[FLAC/分轨][554.27MB]
- Rhymist / LusciousBB《年轮》[320K/MP3][76.52MB]