Web开发(三)：静态资源和Ajax请求

原创 已于 2023-08-24 10:10:00 修改 · 520 阅读 · 2 GEO检测
标签
#前端 #python #ajax
于 2023-07-15 21:32:57 首次发布
本文介绍了在Django项目中处理静态资源的方法，包括创建静态资源目录和配置，并讨论了在开发和生产环境下的不同处理方式。接着，文章详细讲述了Ajax技术，解释了其在提供更好用户体验方面的优势，并通过实现投票功能展示了如何使用Ajax进行异步请求。最后，文中提供了使用jQuery库实现Ajax请求的前端代码示例。

专栏介绍

结合自身经验和内部资料总结的Python教程，每天3章，1个月就能全方位的完成Python的学习并进行实战开发，学完了定能成为大佬！加油吧！卷起来！

全部文章请访问专栏：《Python全栈教程（0基础）》

文章目录

静态资源和Ajax请求

加载静态资源

如果要在Django项目中使用静态资源，可以先创建一个用于保存静态资源的目录。在vote项目中，我们将静态资源置于名为static的文件夹中，在该文件夹包含了三个子文件夹：css、js和images，分别用来保存外部CSS文件、外部JavaScript文件和图片资源。

为了能够找到保存静态资源的文件夹，我们还需要修改Django项目的配置文件settings.py，如下所示：

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),
了解本专栏 订阅专栏 解锁全文
全静态html+ajax实现网站的顶和踩功能
05-14
全静态html+ajax实现网站的顶和踩功能，页面无刷新并且一天只能够点击一次,功能超级强大，全球独一无二的顶和踩功能实现。
html静态页JQuery ajax示例demo 源码
10-11
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
基于静态页面的ajax方式发送post请求，多参数传递到.net core 5.0 webapi的实现
qq_34309663的博客
04-21 1017
首先需要说明一下，asp.net webapi和asp.net core webapi在实现静态页面mvc项目时，在多参数传递方面还是存在较大差距的。本文主要讲解静态页面发送ajax，多个参数到asp.net core5.0 webapi的实现 首先上静态前端页面，以下是html部分 <div class="main-body"> <div class="login-main"> <div class="login-top">
html + ajax 如何实现页面静态化
热门推荐
程序人生
11-07 1万+
这里是一个简单的 html + ajax 实现页面静态化的例子html + ajax 实现静态化的基本思路：将所有的请求通过ajax的方式，而不是通过表单提交，a链接的方式提交，所有的接收数据也是通过ajax来接收。这里以html + ajax 实现登陆的例子login.html文件如下：&amp;lt;!DOCTYPE HTML PUBLIC &amp;quot;-//W3C//DTD HTML 4.01 Transitiona
使用ajax实现页面部分静态化
gaisidewangzhan1的博客
11-10 2615
案例demo02的目录结构：        为实现局部静态化，需要结合Ajax技术。当访问主页index.php时，根据静态页面的缓存时效，判断是否生成index.shtml静态页面，当静态页面返回后静态页面中的js发起Ajax请求，获取服务器中的数据，进行动态更新。那么这里就需要一个 服务器文件 接口，响应Ajax请求。        接口文件 hot.php
访问静态资源及处理AJAX请求
daimenglaoshi的博客
10-24 642
*注意: ** jackson需要三个jar包!方式1: 用springmvc支持的 jar包 ，让前端控制器帮你转换为json 字符串。设置@ResponseBody 注解 返回的是内容 而不是转发页面。2.需要返回多个值 则需要将其转换为json字符串。如果非maven项目,必须加入三个jar包!​ springmvc.xml文件中加入。​ springmvc.xml加入。​ springmvc.xml加入。​ 2.3 在控制器使用。​ 2.3 在控制器使用。2.1 导入jar包。
Django入门三：静态资源和Ajax请求
weixin_46863529的博客
07-03 712
- 加载静态资源 - Ajax概述 - 用Ajax实现投票功能
静态资源和Ajax请求
最新发布
m0_56741459的博客
08-06 653
接下来就可以实现“好评”和“差评”的功能了，很明显如果能够在不刷新页面的情况下实现这两个功能会带来更好的用户体验，因此我们考虑使用Ajax技术来实现“好评”和“差评”。Ajax是Asynchronous Javascript And XML的缩写 , 简单的说，使用Ajax技术可以在不重新加载整个页面的情况下对页面进行局部刷新。
超详细Python教程——静态资源和Ajax请求
月流霜的专栏
07-11 796
接下来就可以实现“好评”和“差评”的功能了，很明显如果能够在不刷新页面的情况下实现这两个功能会带来更好的用户体验，因此我们考虑使用Ajax技术来实现“好评”和“差评”。Ajax是Asynchronous Javascript And XML的缩写 , 简单的说，使用Ajax技术可以在不重新加载整个页面的情况下对页面进行局部刷新。
43.静态资源和Ajax请求
lsdjsw的博客
11-09 182
接下来就可以实现“好评”和“差评”的功能了，很明显如果能够在不刷新页面的情况下实现这两个功能会带来更好的用户体验，因此我们考虑使用Ajax技术来实现“好评”和“差评”。Ajax是Asynchronous Javascript And XML的缩写 , 简单的说，使用Ajax技术可以在不重新加载整个页面的情况下对页面进行局部刷新。
jquery-使用ajax的getJSON方法，读取本地静态资源文件
qq_40308101的博客
07-04 949
$.getJSON('js/demo/photos.json', function(json){ layer.photos({ photos: json }); });
静态html的ajax如何发请求,静态页面ajax - 冥焱的个人空间 - OSCHINA - 中文开源技术交流社区...
weixin_42458937的博客
06-16 663
1.静态页面$.ajax({type:"get",url:"http://localhost:8080/app/register/sendSMS",//请求地址必须带http协议data:{"phone":phone},async:false,//是否异步dataType: "jsonp",//固定格式jsonp: "callback",//固定格式jsonpCallback:"flightHan...
利用ajax如何根据权限加载目录,AJAX 请求静态资源 权限问题
weixin_33258222的博客
08-05 353
# AJAX 请求静态资源 权限问题正常来说，我们项目中的静态资源都是可以直接访问的，但在商品说和巧匠项目中，我们对用户的素材(图片、视频、音频)都会做权限控制，用户在登录的情况下，如果是基于 `cookie` 认证的话，通过 `img、audio、video` 直接访问资源，请求都会自动携带 `cookie` ，是不会有什么问题；但 有些时候 我们需要做一些资源的预加载(使用 ajax、fetc...
处理静态资源 用 Python 撸一个 Web 服务器
m0_49079037的博客
07-13 798
Web系列文章 1、第一章：整天写CRUD没劲，写了个Web服务器 2、Python 撸一个 Web 服务器-第2章：Hello World 3、用 Python 撸一个 Web 服务器-第3章：使用 MVC 构建程序 4、用 Python 撸一个 Web 服务器-第4章：动态渲染数据 处理静态文件 由于我们实现的模板引擎不支持直接将 CSS 嵌入在 HTML 中的写法，所以要将 CSS 独立出来。在todo/目录下新建static/目录，专门用来存储 CSS、JavaScript、...
用 Python 撸一个 Web 服务器-第5章：处理静态资源
Python之禅的专栏
06-20 677
处理静态文件由于我们实现的模板引擎不支持直接将 CSS 嵌入在 HTML 中的写法，所以要将 CSS 独立出来。在 todo/ 目录下新建 static/ 目录，专门用来存储 CSS、J...
静态web和动态web的区别与联系
lili
12-28 1万+
静态网站特点：　 1. 静态网站是最初的建站方式，浏览者所看到的每个页面是建站者上传到服务器上的一个html（htm）文件，这种网站每增加、删除、修改一个页面，都必须重新对服务器的文件进行一次下载上传。网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个
Python-web：静态资源、动态资源、web服务器支持动态解析
bluebloodye的专栏
09-29 661
参考代码： # 面对对象的方式 # 多进程实现 # 补充知识点：F5是刷新（不过很多时候都是用的浏览器缓存）；用ctrl+r 强制刷新。 import socket, re import multiprocessing import time class WSGIServer(object): def __init__(self): """ 初始化服务器的各项内容...
Python_web-静态服务器
等哈光圈的博客
01-19 673
非阻塞网络IO 非阻塞的特点：当没有数据来的时候不阻塞当前进程等待，而是报出一个异常 （套接字.setblocking（False）） IO多路复用 多路IO好处就在于单个process就可以同时处理多个网络连接的IO 特点: 通过一种机制使一个进程能同时等待多个文件描述符，而这些文件描述（套接字描述符）其中的任意一个进入读就绪状态，epoll()函数就可以返回 epoll 只能在Linux中使用
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

桃酥zz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值