开发过程当中,网络安全采取的方法之一,采用验证码功能。一般在注册、登录的程序当中见得比较多。其自己在实现这一功能时,静态页面有一段调用图形验证码的PHP文件,//,验证码是随机生成的,一般将生成的验证码存入到SESSION当中,以便入其它相关验证操作,由于反应到客户端的图形验证码带有一些杂点,显示时难免会有一点视觉上的干拢,看不清完整的验证码,这时得提供一个刷新验证码的功能,以重新生成验证码。考虑不通过刷新整个页面来达到这个效果,采用AJAX重新生成验证码时,发现SESSION值改变了,客户端修改图片的src属性,给它重新赋值却无任何变化,请求响应后,js代码:

1.var img_obj =  document.getElementById('imgcode');

2.img_obj.src = 'imgcode.php';

3.return;

显然显示在客户端上的图形验证码和服务器上的没有得到统一更新。那么在验证操作时,将不可能得到正确地验证。

原因是由于浏览器的缓存问题,如果两次都是同样的值(src=’imgcode.php’),浏览器一般都不会刷新,所以需要给图片连接动一点手脚。将img_obj.src =’imgcode.php’; 改成

1.img_obj.src = 'imgcode.php?timeamp=' + new Date().getTime();

2,也可以直接写成这样://

加上一个时间值,或是在后面加上一串随机数字,只要保证总是重新刷新即可,再次运行,成功达到局部刷新功能!

其中的AJAX代码,php生成图形验证码的程序代码,网上搜一搜,会有很多,这里就不分享啦。

java验证码局部刷新_JS局部刷新图形验证码相关推荐

  1. 前端 验证码隐藏怎么实现_完成图形验证码

    使用 svg-captcha 这个包并结合后端实现图形验证码功能. 基本使用 在我们项目中安装 svg-captcha 包. $ npm install svg-captcha --save 官方文档 ...

  2. 验证码的几种方式-普通图形验证码,滑动拼图,图中点选

    https://blog.csdn.net/zxz_java/article/details/83254469 介绍一些java开源的验证码生成器 普通图形验证码 最为普通的方式,属于比较容易实现,但 ...

  3. html的表单图形验证码怎么做,django中简单图形验证码实现

    要实现django图形验证码,可以使用简单的captcha 一.安装captcha 在Pycharm的terminal中,使用pip安装第三方库: 执行命令: pip install django-s ...

  4. 苹果服务器验证码是什么,服务器开发系列--图形验证码到底是怎么回事?

    1.什么是验证码? 验证码是一种区分用户是计算机还是人的公共全自动程序.短时间是无法退出人类舞台的,目前只是尽量提升用户体验. 作用 账号安全 反作弊 反爬虫 防论坛灌水 防恶意注册 分类 图形验证码 ...

  5. laravel图形验证码(借用了TP的图形验证码类)非常好用简单,非常适合前后端分离的项目

    class Captcha extends Controller {//protected $config = array('seKey' => 'jjh', // 验证码加密密钥'codeSe ...

  6. 图形验证码+短信验证码【Java应用实例】

    一.图形验证码的实现 1.1 简介 常在网上晃悠的人,对下面这张图都不会陌生.特别是在注册新账号.确认交易时,它们都会频繁出现,要求我们输入正确的验证码,那这些看上去跟我们要做的事情完全无关的验证码到 ...

  7. jquery发送手机 验证码倒计时插件 支持页面刷新

    在最新项目中需要用到发送短信短信验证码,网上搜了半天找不到满意的,就自己写了一个. jquery封装好的发送手机验证码倒计时插件 采用cookie 防止页面刷新. 实现思路: 1.实现点击按钮,对手机 ...

  8. java 验证码 算术_java生成图形验证码(算数运算图形验证码 + 随机字符图形验证码)...

    平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...

  9. 十七.用户注册 ---- 图形验证码 2021-04-03

    十七.用户注册 ---- 图形验证码 注:该篇文章接上一篇 十六.静态页面抽取模板 一.用户模型设计 注意事项:涉及到用户登录功能,不管是前端还是后端都要进行登录信息校验 前端校验:静态化的校验,所有 ...

最新文章

  1. 小程序 reduce_使用reduce制作的10个更多实用程序功能
  2. 隐私计算--差分隐私
  3. Java实现图的深度和广度优先遍历算法
  4. 【多线程高并发】深入浅出原子性
  5. Python在Linux实现代码特效,关于在Linux系统上的Ubuntu上基于python3、shell语言代码的实现...
  6. 什么是地址译码 理解二进制编码
  7. app名字变为android+api,一起来做个app吧 wanandroid开放API
  8. 如何在word中像LaTeX一样键入公式
  9. 远程光电容积脉搏波描记法(rPPG)
  10. web前端开发初学者十问集锦(3)
  11. WindowsAPI 之 CreatePipe、CreateProcess
  12. PS白底证件照换蓝底背景,头发边缘精细处理
  13. Zhishi.me - Weaving Chinese Linking Open Data
  14. 汇报工作的技巧和要求
  15. 用Python制作二维码
  16. {算法}高斯消元不高斯
  17. 暗黑2魔电西格玛攻略_魔电西格玛,暗黑2最佳继承者-1949游戏测评
  18. 如何导出Navicat的数据库连接配置
  19. 基于JAVA-英杰学堂网上教学平台-计算机毕业设计源码+系统+mysql数据库+lw文档+部署
  20. transparent

热门文章

  1. java明星养成游戏_#IT明星不是梦#Java14不得不知的5个新功能
  2. 【mysql】linux安装mysql
  3. mxnet 衰减学习率
  4. ubuntu16.04 terminal无法正常运行
  5. pytorch指定gpu
  6. adb 由于目标计算机积极拒绝,无法连接
  7. 人脸关键点 Stasm
  8. python argparse中action 的可选参数store_true
  9. 自动白平衡之完美反射算法原理及C++实现
  10. CUBLAS_STATUS_ALLOC_FAILED CUDA_ERROR_OUT_OF_MEMORY