django跳转页面传参的实现

脚本专栏 2024/11/8 佚名

3 2 1

一、情景

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')+""