实现用户注册的页面

简介: 实现用户注册的页面
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>注册</title><scriptsrc="http://www.jq22.com/jquery/jquery-1.10.2.js"></script></head><body><div><h2>注册</h2></div><div><labelfor="use"><span>用户名:</span><inputtype="text"id="use"></label><br><labelfor="pwd"><span>密 码:</span><inputtype="password"id="pwd"></label><br><labelfor="email"><span>邮 箱:</span><inputtype="text"id="email"></label><div><buttononclick="regist()">注册</button><buttonid="btnLogin"disabled="disabled"onclick="login()">登录</button></div><br><div>请先注册后再登录</div></div><script>functionregist(){
varusername=$("#use").val();
varpassword=$("#pwd").val();
varemail=$("#email").val();
$.ajax({
async: false,
type: "POST",
url: "http://localhost:8000/regist",
data: {
username: username,
password: password,
email: email            },
success: function (response){
if(response.success==true) {
localStorage.setItem('userInfo', JSON.stringify({ //本地存用户名和密码username,
password,
email                    }))
alert("注册成功");
document.getElementById("btnLogin").disabled=false;
                }else {alert(response.msg)}
            }
        })
    }
functionlogin(){
varusername=$("#use").val();
varpassword=$("#pwd").val();
$.ajax({
async: false,
type: "POST",
url: "http://localhost:8000/loginCheck",
data:{
username: username,
password: password            },
success: function (response){
if(response.success==true){
location.href="./home.html"                }else {alert(response.msg)}
            }
        })
    }
</script></body></html>
目录
相关文章
|
数据采集
做个爬虫吧:豆瓣《八佰》影评
做个爬虫吧:豆瓣《八佰》影评
135 0
|
缓存 监控 中间件
中间件配置和管理问题
【7月更文挑战第14天】
294 1
|
编解码 计算机视觉 索引
使用ffmpeg MP4转 m3u8并播放 实测!!
使用ffmpeg MP4转 m3u8并播放 实测!!
1014 1
qsort函数排序+冒泡模拟实现
qsort函数排序+冒泡模拟实现
|
SQL 数据库
SQL JOIN 子句:合并多个表中相关行的完整指南
SQL LEFT JOIN关键字返回左表(table1)中的所有记录以及右表(table2)中的匹配记录。如果没有匹配,则右侧的结果为0条记录。
599 0
|
存储 缓存 负载均衡
98 hbase原理
98 hbase原理
148 0
|
Swift C++ Ruby
32 Swift面向协议编程初探
32 Swift面向协议编程初探
155 0
|
设计模式 存储 JavaScript
🙅‍都说太多if...else不好,那有没有可以直接抄的改造方案呢?
开发过程中,经常遇到大量的if...else逻辑,这使得代码复杂、难以维护。但别担心!这里会引导你走出这个困境!
268 0
|
JavaScript
Vue 指令01——v-test和v-html的使用
Vue 指令01——v-test和v-html的使用
|
分布式计算 监控 DataWorks
电商场景实战之漏斗模型
本文以某电商案例为例,通过案例为您介绍如何使用离线计算并制作漏斗图。
1456 0