前端框架Bootstrap的Modal使用Ajax数据源，如何避免数据被缓存

Posted 2023-04-19

每次请求时，在你url后面加个时间戳或者数学随机数吧 参考技术A jq框架 ajax 可以设置 缓存啊 isNon 什么的单词忘记了

最受欢迎的前端框架Bootstrap，Ajax异步刷新技术，Mysql数据库锁——

最受欢迎的前端框架Bootstrap，Ajax异步刷新技术，Mysql数据库锁

Ajax（Asynchronous JavaScript and XML）异步的JavaScript和XML，又被称为“异步刷新技术”。与传统的Web相比，Ajax通过浏览器与服务器之间的少量交互就可以实现页面的异步更新，在不重新加载页面的情况下，即可对页面内容进行更改。

本周创新班学习之星：程佳卉

在了解异步刷新技术之前，我们应先明白什么是“异步”。即然谈到“异步”，那我们不妨先来聊聊什么是“同步”。同步请求往往代表着你必须等待这次请求结束并且刷新整个界面之后，你才能进行下一步操作。而异步请求则可以不刷新界面，它会立即返回，界面也可以继续执行其他的操作。这也是为什么Ajax可以在不刷新页面的情况下更新页面内容。

那么，我们在什么情况会应用的Ajax呢？比如，在一个提供大量信息的网站，为了方便用户阅读，就要用到分页功能，他可以让用户像读书一样阅读信息。但他并不是把所有信息填充在每一页，而是在用户点击相应页数时，浏览器向服务器请求对应的内容。这也就避免了服务器因在短时间内传输大量数据而崩溃的发生，所以Ajax也是维护服务器正常运行的一种方式。

MySQL数据库锁

mysql锁分为表级锁、页级锁和行级锁。

Innodb：行级锁（在特殊情况下会升级为表级锁，如给没有加索引的非唯一字段加锁，或者在普通索引中，使用模糊查询使索引失效，导致加锁时，升级为表锁）

myisam：表级锁

本周创新班学习之星：吴彦男

1.排他锁

排他锁又称为写锁，一个事务在一行数据加上排他锁后，其他事务不能再在其上加其他的锁，也修改不了该数据，但是可以直接通过select …from…查询数据，因为普通查询没有任何锁机制。

在InnoDB引擎中，开启事务后,update,delete,insert都会自动给涉及到的数据加上排他锁，select语句默认不会加任何锁类型.

2.共享锁

共享锁又称为读锁，一个事务在一行数据加上共享锁，其他事务可以再给该数据加上共享锁，但是不能加排他锁。都可以读该数据，但是不能修改数据。

3.乐观锁

乐观锁是抽象的，需要我们自己去实现的。并不是数据库中自带的功能。

乐观锁是指在更新数据时，乐观的认为本次操作不会导致冲突。于是在操作数据时，并不进行任何其他的特殊处理（也就是不加锁）。

4.悲观锁

想法悲观，先给数据先加上锁，防止其他进程操作该数据。

当多个事务并发执行时，某个事务对数据应用了锁，则其他事务只能等该事务执行完了，才能进行对该数据进行修改操作。

Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

借助Bootstrap，你甚至可以在不编写css样式的情况下，就能完成一个简洁美观的网页。

本周创新班分享之星：任立铭

Bootstrap为我们提供了许多实用的样式、组建以及插件，轮播图、表单控件、栅格系统……。其中栅格系统最为实用。

栅格系统规定了页面在超大屏(lg)、大屏(md)、小屏(sm)和超小屏(xs)下的不同呈现方式。网站在栅格系统的辅助下，也就是响应式布局的实现方式。

本周就分享这么多吧，同学们下周再见！

 

编辑：孟坦、孙凯涵

责编：郭又玮

审核：王小佳 

投稿邮箱：
[e-mail]