当前位置： 首页 > news >正文

【Django】ajax和django接口交互（获取新密码）

news 2026/5/24 0:34:41

文章目录

    • 一、需求
      • 1. 效果图
    • 二、实验
      • 1. 写get接口后端
      • 2. 写html后端
      • 3. 写前端
      • 4. 测试

一、需求

1. 效果图

在这里插入图片描述

二、实验

1. 写get接口后端

  • 写views
import string
import random
def getnewpwd(request):words = list(string.ascii_lowercase+string.ascii_uppercase+string.digits+string.punctuation)random.shuffle(words)result = "".join(words[:20])return HttpResponse(result)
  • 写urls

urlpatterns = [path("getnewpwd/",views.getnewpwd),
]
  • 测试后端接口
    在这里插入图片描述

2. 写html后端

  • 写views
def getnewpwdhtml(request):return render(request,"getnewpwd.html",{})
  • 写urls
urlpatterns = [path("getnewpwdhtml/",views.getnewpwdhtml),
]

3. 写前端

{% load static %}
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet"href="{% static "antapp/bootstrap/bootstrap.min.css" %}"><title>Document</title></head><body><div class="row" style="margin-top: 20px;margin-left: 40px;"><button type="button" id="getnewpwd" class="btn btn-success" style="margin-left: 5px;">获取新密码</button></div><div class="row"  style="margin-top: 20px; margin-left: 40px;"><div id="shownewpwd" class="alert alert-primary" role="alert"> </div></div><script src="{% static "antapp/bootstrap/jquery.min.js" %}"></script><script src="{% static "antapp/bootstrap/bootstrap.bundle.min.js" %}"></script><script>$(function(){$("#getnewpwd").click(function(){$.ajax({url:"/getnewpwd/",type:"get",success:function(result){$("#shownewpwd").html(result)}})})})</script></body>
</html>

4. 测试

在这里插入图片描述

在这里插入图片描述

相关文章：

【Django】ajax和django接口交互（获取新密码）

文章目录 一、需求1. 效果图 二、实验1. 写get接口后端2. 写html后端3. 写前端4. 测试 一、需求 1. 效果图 二、实验 1. 写get接口后端 写views import string import random def getnewpwd(request):words list(string.ascii_lowercasestring.ascii_uppercasestring.digi…...

编程日记 2024/7/30 17:28:07

Logback 日志打印导致程序崩溃的实战分析

在软件开发和运维中&#xff0c;日志记录是必不可少的一环&#xff0c;帮我们追踪程序的行为&#xff0c;定位问题所在。然而&#xff0c;有时日志本身却可能成为问题的根源。本文将通过一个真实的案例来探讨 Logback 日志系统中的一个常见问题&#xff0c;当并发量大&#xff…...

编程日记 2024/7/30 17:26:05

新加坡 Numen Cyber 与香港光环云数据有限公司达成战略合作

新加坡本土网络安全公司 Numen Cyber 宣布与香港光环云数据有限公司&#xff08;简称“光环云香港”&#xff09;建立战略合作伙伴关系。此次合作将重点放在云服务器和云服务业务场景的安全领域。 Numen Cyber&#xff0c;作为一家致力于为客户提供专业网络安全服务和一体化安…...

编程日记 2024/7/30 17:25:04

Laravel魔术方法：框架的隐秘力量

Laravel魔术方法&#xff1a;框架的隐秘力量 引言 Laravel是一个充满魔力的PHP框架&#xff0c;它通过许多巧妙的设计让Web开发变得简洁而优雅。在Laravel中&#xff0c;魔术方法&#xff08;Magic Methods&#xff09;是这些魔力的体现之一。魔术方法是PHP预定义的、可以在类…...

编程日记 2024/7/30 17:24:03

系统复习Java日志体系

一&#xff0c;我们采用硬编码体验一下几个使用比较多的日志 分别导入几种日志的 jar 包 <?xml version"1.0" encoding"UTF-8"?><project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSch…...

编程日记 2024/7/30 17:23:01

网络管理linux命令

在Linux系统中&#xff0c;有许多常用的网络命令用于检查网络配置、诊断网络问题以及管理网络连接。以下是一些常用的网络命令及其简要说明&#xff1a; ifconfig 显示或配置网络接口。 ifconfigip 用于显示和操作路由、设备、策略路由和隧道。 ip addr show ip link show ip …...

编程日记 2024/7/30 17:19:57

PowerDNS架构解析与安装部署指南

1、背景介绍 目前公司使用PowerDNS进行DNS管理&#xff0c;但由于采用的是单节点架构&#xff0c;存在不可用的风险。为提升系统的稳定性和可靠性&#xff0c;我们计划对现有架构进行重构。通过引入高可用性设计&#xff0c;我们将优化系统架构&#xff0c;使其能够在故障情况…...

编程日记 2024/7/30 17:18:56

Ubuntu 20.04.6 安装 Elasticsearch

1.准备 -- 系统更新 sudo apt update sudo apt upgrade -- 安装vim 文本编辑器 sudo apt install vim-- jdk 版本确认 java -versionjdk 安装可以参照&#xff1a;https://blog.csdn.net/CsethCRM/article/details/140768670 2.官方下载Elasticsearch 官方地址&#xff1a;h…...

编程日记 2024/7/30 17:17:55

Python for循环迭代原理（迭代器 Iterator）

在使用Python时&#xff0c;我们经常会使用for循环来访问容器对象&#xff08;列表、字符、字典等&#xff09;中的元素。其幕后实际是通过迭代协议来完成的&#xff0c;迭代是一种依次访问对象中元素的方式&#xff0c;for循环在对象上调用iter()函数生成一个迭代器&#xff0…...

编程日记 2024/7/30 17:15:53

通信原理-思科实验四：静态路由项配置实验

实验四 静态路由项配置实验 一&#xff1a;实验内容 二&#xff1a;实验目的 三、实验原理 四、实验步骤 选择三个2811型号的路由器 R1、R2、R3 路由器默认只有两个快速以太网接口&#xff0c;为路由器R1和R3增加快速以太网接口模块NM-1FE-TX&#xff0c;安装后检查路由器的接…...

编程日记 2024/7/30 17:14:52

ngzero使用外部的svg图标

1.将图标svg下下来&#xff0c;放到项目中&#xff0c;路径如下所示 之后 <span nz-icon [nzIconfont]“‘icon-zhibiao’”>使用 2.直接使用阿里的图标 先将你要用的图标放入购物车&#xff0c;再将购物车的图标添加到你主页的我的项目中 之后代码中在startupService…...

编程日记 2024/7/30 17:12:49

逆矩阵、秩

在数学的广阔天地中&#xff0c;线性代数扮演着至关重要的角色。它不仅是现代科学和工程学的基石&#xff0c;也是理解复杂数据结构的关键。本文将深入探讨线性代数中的几个核心概念&#xff1a;逆矩阵、秩、列空间和零空间&#xff0c;通过详细的解释和丰富的实例&#xff0c;…...

编程日记 2024/7/30 17:10:47

pc端小程序抓包修改数据相关记录

看了很多关于小程序抓包的 废话不多说直接演示 一、小程序抓包 1.所需要的工具 官网下载即可&#xff1a; https://www.charlesproxy.com/latest-release/download.do 我这里用的 Charles-proxy-4.6.6-win64 需要中文破解参考 https://www.jianshu.com/p/4d67dbbf2f6a 2、破…...

编程日记 2024/7/30 17:09:46

用Python打造精彩动画与视频.2.1 Python基础语法概述

2.1 Python基础语法概述 Python作为一门功能强大且易于学习的编程语言&#xff0c;其基础语法简单直观&#xff0c;非常适合初学者入门。这一节将带你了解Python的基本语法规则&#xff0c;为后续制作动画和视频打下坚实的基础。 1. 变量与数据类型 Python的变量不需要提前声…...

编程日记 2024/7/30 17:08:44

Golang高效合并(拼接)多个gzip压缩文件

有时我们可能会遇到需要把多个 gzip 文件合并成单个 gzip 文件的场景&#xff0c;最简单最容易的方式是把每个gzip文件都先解压&#xff0c;然后合并成一个文件后再次进行压缩&#xff0c;最终得到我们想要的结果&#xff0c;但这种先解压后压缩的方式显然效率不高&#xff0c;…...

编程日记 2024/7/30 17:07:43

MySQL数据库-基本概念

数据 描述事物的符号记录包括属组、文字、图形、图像、声音、档案记录等以“记录”形式按统一的格式进行存储 表 将不同的记录组织在一起用来存储具体数据 数据库 表的集合&#xff0c;是以一定的组织方式存储的相互有关的数据集合 数据库管理系统&#xff08;DBMS&#…...

编程日记 2024/7/30 17:05:40

【无标题】web+http协议+nginx搭建+nginx反向代理（环境准备）

一&#xff0e;Web 为用户提供互联网上浏览信息的服务&#xff0c;web服务是动态的&#xff0c;可交互的。 1.安装httpd yum -y install httpd 2.启动 systemctl start httpd 3.关闭防火墙 systemctl stop firewalld [rootrs html]# echo "我手机号是" > …...

编程日记 2024/7/30 17:03:37

c-periphery RS485串口库文档serial.md（serial.h）（非阻塞读）（VMIN、VTIME）

c-peripheryhttps://github.com/vsergeev/c-periphery 文章目录 NAMESYNOPSISENUMERATIONS关于奇偶校验枚举类型 DESCRIPTIONserial_new()serial_open()关于流控制软件流控制&#xff08;XON/XOFF&#xff09;硬件流控制&#xff08;RTS/CTS&#xff09;选择流控制方法 serial_…...

编程日记 2024/7/30 17:02:36

Matlab arrayfun 与 bsxfun——提高编程效率的利器！

许多人知道 MATLAB 向量化编程&#xff0c;少用 for 循环 可以提高代码运行效率&#xff0c;但关于代码紧凑化编程&#xff0c; arrayfun 与 bsxfun 两个重要函数却鲜有人能够用好&#xff0c;今天针对这两个函数举例说明其威力。 Matlab arrayfun 概述 arrayfun 是 Matlab …...

编程日记 2024/7/30 17:00:34

【Unity编辑器拓展】GraphView自定义可视化节点

1、创建节点区域脚本 其中的new class UxmlFactory&#xff0c;可以让该元素显示在UI Builder中&#xff0c;我们就可以在Library-Project中看到我们新建的这两个UI元素&#xff0c;就可以拖入我们的UI窗口编辑了 public class NodeTreeViewer : GraphView {public new class…...

编程日记 2024/7/30 16:59:33

银行业务AI虚构小故事合集：借故事理解业务（企业贷款、个人信用卡、反洗钱）

银行业务AI虚构小故事合集 继续用之前讲业务故事的方式来讲银行业务和表的关联&#xff0c;那种方式比较容易听懂。 故事&#xff1a;一家小工厂来借钱 第一幕&#xff1a;企业来了&#xff0c;要借钱 杭州有一家做零件的小工厂&#xff0c;老板叫老张。工厂想买一台新机器&am…...

编程新知 2026/5/23 23:06:22

ARM嵌入式C#开发实战：基于SkiaSharp的低延迟GUI实现

1. 这不是玩具&#xff0c;是ARM嵌入式系统能力的“压力测试仪”很多人第一次听说“在ARM开发板上跑C#游戏”&#xff0c;第一反应是&#xff1a;这能行&#xff1f;C#不是Windows桌面和服务器的语言吗&#xff1f;Mono&#xff1f;.NET Core&#xff1f;ARM板子连图形驱动都配…...

编程新知 2026/5/23 22:55:53

RAG大模型落地必杀技：解决幻觉、私有数据三大痛点，提升回答可信度！

本文深入解析了检索增强生成&#xff08;RAG&#xff09;技术&#xff0c;旨在解决大模型应用中的知识过时、幻觉和私有数据使用难题。文章详细阐述了RAG的三大核心模块——知识库、检索和生成&#xff0c;并系统讲解了索引、检索、生成的具体实施流程和优化策略。此外&#xf…...

编程新知 2026/5/23 21:25:21

关于fiddler报错“The system proxy was changed. click to reenable capturing”的解决办法

背景&#xff1a;第一次下载安装fiddler&#xff0c;安装过程没有任何问题&#xff0c;但启动即报错 参考了很多帖子&#xff0c;一个一个排查后&#xff0c;发现是sslvpn的问题&#xff08;因为访问校园网需要安装了 EasyConnect 深信服SSLVPN客户端&#xff09;&#xff0c;把…...

编程新知 2026/5/23 21:14:46

3分钟上手跨平台资源下载神器：轻松获取微信视频号、抖音无水印内容

3分钟上手跨平台资源下载神器&#xff1a;轻松获取微信视频号、抖音无水印内容 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader …...

编程新知 2026/5/23 20:47:35

python flash加一个字段

USE product_db; ALTER TABLE products ADD COLUMN remark TEXT COMMENT 商品备注信息&#xff0c;支持长文本 AFTER cost_price;2. 修改数据访问层&#xff08;product_dao.py&#xff09;需要在以下函数中添加 remark 字段的处理&#xff1a;修改 get_all_products 函数&…...

编程新知 2026/5/23 19:48:13

Splunk紧急推送安全补丁：三枚高危漏洞同时曝光，企业数据面临泄露与瘫痪双重风险

2026年5月20日&#xff0c;Splunk官方安全团队一次性披露了旗下多款核心产品的重大安全隐患。此次波及范围相当广泛&#xff0c;从本地部署的Splunk Enterprise到云端服务Splunk Cloud Platform&#xff0c;再到新推出的Splunk AI Toolkit&#xff0c;无一幸免。三枚漏洞编号分…...

编程新知 2026/5/23 18:48:30

终极解决方案：三分钟掌握全网资源下载神器res-downloader

终极解决方案&#xff1a;三分钟掌握全网资源下载神器res-downloader 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader 还在为无…...

编程新知 2026/5/23 17:22:51

别再只看benchmark！Claude的“类人延迟响应”背后藏着7种语境锚定策略

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;类人延迟响应的本质&#xff1a;为什么“慢”才是更高级的智能 人类在面对复杂问题时&#xff0c;并非即时作答&#xff0c;而是经历感知、检索、权衡、修正等多阶段认知循环——这种可观察的“延迟”&…...

编程新知 2026/5/23 17:06:01

人机协作新范式：高效论文写作全流程AI论文平台推荐（2026 最新）

2026年AI论文平台持续升级&#xff0c;论文写作全流程可拆解为文献调研→选题/开题→大纲/初稿→文献综述→降重/去AI味→润色/格式→查重/投稿七大环节&#xff0c;以下工具按环节精准匹配&#xff0c;兼顾中文适配、降重能力、去AI痕迹、学术合规四大核心需求&#xff0c;覆盖…...

编程新知 2026/5/23 17:04:00