• 技术文章 >web前端 >js教程

    jquery学习笔记 用jquery实现无刷新登录_jquery

    2016-05-16 18:03:45原创680
    好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录。
    首先先创建html的部分
    复制代码 代码如下:



















    用户名:



    密码:



    验证码:


    点击更换验证码





    这里面包含的功能有:登录的验证,点击更换验证码。这个没有什么好说的。
    下面是jquery的部分
    复制代码 代码如下:

    -----------别忘了引用这个链接,否则jquery不能用


    大概的核心代码就是这些了,当用户点击登录按钮时,触发login事件,用jquery向Login.ashx发出请求,在Login.ashx当中,仅仅只是验证用户名和密码是否匹配,验证码是否正确。Login.ashx是用C#语言写的,如果你们学习的是别的语言就将地址更换为别的就可以了。
    img.ashx是生成验证码的程序,每点击一次图片都会重新访问img.ashx,所以图片是更换的,在生成图片的时候,会生成存储验证码的session,在Login.ashx当中,判断用户输入的值和session的值是否相同就可以了。在这里我只显示主要的源码了。
    复制代码 代码如下:

    context.Response.ContentType = "text/plain";
    string username = context.Request.Form["username"];
    string password = context.Request.Form["password"];
    string cord = context.Request.Form["cord"];
    if (context.Session["cord"] != null)
    {
    if (context.Session["cord"].ToString() == cord)
    {
    if (username == "admin" && password == "admin")
    {
    context.Response.Write("登录成功!");
    }
    else
    {
    context.Response.Write("登录失败!用户名和密码错误!");
    }
    }
    else
    {
    context.Response.Write("验证码错误!");
    }
    }

    这是判断登录的代码。
    好了,以上就是核心代码,希望大家多多指教。也希望我的笔记对您有用
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:无刷新登录
    上一篇:一个实现字体大中小方法的JavaScript代码_文字特效 下一篇:js文字链接的热点提示效果代码_文字特效
    PHP编程就业班

    相关文章推荐

    • 带你了解JavaScript解构赋值• 浅析Node.js使用worker_threads多线程进行并行处理• JavaScript中如何获取URL参数?4种常见方法详解• 图文详解JavaScript原型链• es6怎么判断数组是否含有相同的值

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网