第一次用Ajax写了个小功能

前端之家收集整理的这篇文章主要介绍了第一次用Ajax写了个小功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

作为一个初识web的同学,玩儿PHP不得不学着做前端的东西啊。事实上我发现js也非常有趣,看了哈佛大学“设计动态网页的公开课”,里面讲的Ajax应用非常重要和广泛,然后自己做了做。javascript什么还是很屌的!

首先用down了一个bootstrap的布局,自己实现一个登录功能,就是右上角那个login按钮啦


如果用户没有登陆过,页面就会显示右上角的login按钮。点击登录


弹出登陆框,输入信息点击登录,若错误则给出提示,可以关闭提示


验证成功后2秒自动返回或者用户点击关闭按钮。http请求中post的内容全部用自己写的低端hash映射加密


登录成功后页面右上角则变为了用户按钮


点击下拉菜单,可以进行登出操作


点击logout,然后弹出confirm窗口,点击确定然后退出


退出后又出现了login按钮,和第一张图一样。

全程都是用的Ajax实现,页面没有刷新。虽然知道只会做这种还很low,但是还是很高兴。前面路还很长,一步一个脚印,加油。

原文链接:https://www.f2er.com/ajax/164841.html

猜你在找的Ajax相关文章