Ajax如何实现带有验证码的局部刷新登录界面
这篇文章给大家分享的是有关Ajax如何实现带有验证码的局部刷新登录界面的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
10多年的曲阜网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整曲阜建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“曲阜网站设计”,“曲阜网站推广”以来，每个客户项目都认真落实执行。
运行界面：
1.验证码后台访问部分上一篇博客已经介绍多了，这里介绍如何利用img中src实现局部刷新验证码的功能。
html部分：
验证码：
看不清楚，换一张
js部分：
function getPic(){
$("#codePic").attr("src","http://127.0.0.1:8888/TP/codePic?flag="+Math.random());
};
这部分最重要的就是 $("#codePic").attr("src","http://127.0.0.1:8888/TP/codePic?flag="+Math.random()); 这部分的代码。如果不加flag="+Math.random()是实现不了局部刷新的功能的。因为src中如果每次访问的地址一样的话就会发生不更新的情况。具体为什么会发生这种情况大家可以自己去研究。而codePic其实是一个action。这个action的功能是利用java画笔画出验证码并打包成图片返回给img中的src。
2.利用bootstrap中的modal实现对话框的功能。因为登录提交前需要验证用户名或密码是否为空等判断，如果出现错误就需要弹出对话框提示用户。这里验证部分用js实现，对话框部分用bootstrap的modal实现。
html对话框部分：
×Close
亲，您好
