第一次用Ajax写了个小功能

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

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


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


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


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


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


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


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


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

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值