前端
胖头鱼小子
看世界,也找自己
展开
-
H5之sessionStorage(会话存储)和localStorage(本地存储)入门使用
Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据,在一次会话中有效。二者都是通过键值对(key/value)存储值用sessionStorage存储值(设置值)//将js原创 2020-07-31 20:39:05 · 678 阅读 · 0 评论 -
解决html之间传递参数且参数为中文时出现的乱码问题
一. 前言现在互联网开发都是前后端分离的,有时候我们需要在html之间传递参数和获取参数值,这时候该怎么来做呢?二. 场景**需求:**在首页有一个搜索框和搜索按钮,在首页输入要搜索的商品,点击搜索按钮进行查询,查询结果要在另外一个页面进行展示。**思路:**既然要在另外一个页面进行展示,那肯定要获取主页输入框中的值,然后通过ajax请求后端,将响应的结果展示在前端。实现步骤:var searchText = $("#search-text").val(); //获取输入框的内容//encod原创 2020-07-27 17:13:08 · 1455 阅读 · 0 评论 -
解决通过ajax请求后端进行登录时,第一次登录不成功,第二次登录成功的问题
一. 前言 相信很多小伙伴都有遇到这样一个现象,给登录按钮绑定单击事件,然后在事件方法中发送ajax请求,根据后端响应的数据判断是否登录成功。而当我们在前端输入正确的账号、密码的时候,第一次登录可以获取到后端响应的数据,但却跳转不到指定的页面;再一次输入账号密码的时候就可以跳转到指定的页面。二. 情景重现<form class="form-row"> <h1 class="last-title mb-30 text-cente原创 2020-07-26 15:53:28 · 1763 阅读 · 1 评论 -
Spring,SpringMVC,Jquery实现分页功能
一. 需求在项目当中,我们经常会碰到数据分页的需求。今天,我们就通过Spring,SpringMVC,Jquery实现数据的分页。这是一个买书小案例,实现书籍数据的分页显示。具体效果:二. 思路首先,分页的操作是在数据访问层实现,前端负责传递参数,即当前显示第几页,每页显示的数据笔数。我们通过4个按钮来改变当前第几页。我们要查询所有的数据笔数,用于计算总页数。当前为第一页时,首页和上一页的按钮失效,当前为最后一页时,尾页和下一页的按钮失效。三. 具体实现首先,数据访问层:pub原创 2020-07-20 19:13:49 · 377 阅读 · 0 评论 -
前端当中在文档加载时执行的两个函数
在前端当中,有两种文档加载函数Window.onload() (BOM对象的方法)$(function(){}) (JQuery中的方法ready())两者区别window.onload只能执行一次,但是$(document).ready(function(){ })可以执行多次window.onload是等文件资源全部加载完成之后再来执行函数,但是$(document).ready(function(){ })只要htmlDOM树生成后立刻执行函数小结建议使用JQuery的方式,原创 2020-06-08 23:59:11 · 608 阅读 · 0 评论 -
AJAX校验用户名是否存在
需求 编写用户注册页面,使用AJAX向服务器发送请求,判断用户名是否存在,如果存在,则提示“此用户名太受欢迎,请更换一个”;若不存在,则提示“此用户名可用”。实现思路 先编写一个注册页面,给用户名的输入框绑定一个失去焦点的函数,在函数里获得输入框的值,然后发送AJAX请求,这里我们用JQuery来实现。然后我们就可以来写后端代码了,新建一个Servlet,在doGet方法中写判断的操作,首先呢,获取用户名和out对象,调用service层判断用户名是否存在,将判断的结果用JSON格式返回到端,之后原创 2020-05-30 13:40:48 · 2595 阅读 · 1 评论 -
JavaScript打开新窗口的方法
在开发网站的时候,我们经常有这种需求,即点击一个按钮然后跳转到另一个页面,今天博主来介绍JavaScript中利用BOM对象跳转页面的方法。1.Window.open()Window.open("http://www.w3school.com.cn");2.location.herflocation.href = "http://www.w3school.com.cn";3.location.replace()location.replace("http://www.w3school.c原创 2020-05-29 22:21:55 · 958 阅读 · 1 评论 -
解决bootstrap轮播图因为图片尺寸造成的问题
发现问题 在使用bootstrap做轮播图时,由于图片尺寸,使得图片与轮播图结合的效果很差解决方案 我们先找到轮播图的相关代码,如下:<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000"> <!-- Indicators --> <ol class="carousel-indicators">原创 2020-05-26 21:38:12 · 8791 阅读 · 2 评论