![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
张思阳_Sia
这个作者很懒,什么都没留下…
展开
-
关键词搜索/分页功能的前端代码(ajax + jQuery)
1.功能介绍**使用语言:**ajax + jQuery 实现功能:在页面加载时获得用户关键词搜索的查询字符串,向服务器发请求,拿回数据(商品信息及页码相关信息),加载到页面上;分页功能,点击上一页/数字页码/下一页,在页面上显示相应的页面内容。2.代码实现//页面一加载就要向服务器发起请求$(function(){ //封装函数,每点一次页码,都重新加载一遍...原创 2018-04-25 13:24:29 · 1578 阅读 · 0 评论 -
关键词搜索框的单击事件代码(jQuery)
1.功能介绍在商城的页头中有搜索框,用户可在搜索框中输入关键词(一个或多个)查询相关商品,点击查询图片或按回车键跳转到商品列表页面。2.代码实现实现思路:在用户点击查询图片或点击回车键时,添加单击事件,跳转到关键词搜索的商品列表页面;同时将用户输入的关键词保留在搜索框中。搜索查询功能的数据库代码,php处理数据代码 以及 前端加载商品页面代码 已经实现。jQuer...原创 2018-04-27 17:28:28 · 4483 阅读 · 0 评论 -
jQuery实现懒加载的原理及代码
1.什么是懒加载?对于图片过多的使用场景,为了提高页面加载速度,改善用户体验,我们对未出现在视野范围内的图片先不进行加载,等到出现在视野范围才去加载。2.为什么需要懒加载?这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题,提高网站的性能。3.实现原理先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的...原创 2018-04-28 10:37:38 · 3424 阅读 · 0 评论 -
登录功能代码(前端+后端)
1.实现思路在登录页面用表单提交数据的方式,向后端发送用户名和密码;在数据库的用户表中查询是否有前端传来的用户名和密码,并向前端返回提示信息登录成功后跳回原页面2.实现代码登录页面HTML代码<form id="login"> 用户名: <input id="txtName" name="uname" value=""/>&l原创 2018-04-29 22:07:36 · 58275 阅读 · 2 评论 -
购物车列表加载商品信息及商品增减功能(Ajax+jQuery)
1.功能介绍在商品列表页面,用户将想购买的商品及想购买的数量添加进本页面的购物车列表,并计算商品价格。 2.实现思路加载商品信息 & 修改购物车列表中的数量服务器端:如果用户未添加过某商品,将商品的相关信息添加进数据库中的购物车表;如果用户已经添加过某商品,则更新商品的数量;判断用户是否登录,如果用户已登录,获取用户添加到购物车的商品信息,并将数据返回前端。...原创 2018-05-14 20:48:20 · 7589 阅读 · 0 评论 -
购物车页面的功能(php+Ajax+jQuery)
1.功能介绍购物车页面的功能包括:选择要购买的商品、全选商品;商品数量增减;商品删除;价格总计。2.实现思路根据利用冒泡原理,使用jQuery的.on()方法为整个购物车的父元素绑定事件,从而点击子元素时也可触发事件。3.实现代码checkAll.php(商品全选功能)<?php//思路:根据前端传来的用户id和是否选中(is_checked)的值,修改数据库购物车...原创 2018-05-16 21:00:44 · 3275 阅读 · 0 评论