jQuery用户从服务器端注册登录

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>用户登录</title>
 6     <script src="jquery-3.1.0.js"></script>
 7 </head>
 8 <body>
 9 <form>
10     <label>账户</label><input type="text" class="name loginName" name="username">
11     <label>密码</label><input type="password" class="password loginPassword" name="password">
12     <input type="button" value="提交" id="submit">
13     <a  value="登录" id="login">登录</a>
14 </form>
15 <script>
16     $("#submit").click(function (e) {
17         e.preventDefault();
18         $.ajax({
19             url: "http://datainfo.duapp.com/shopdata/userinfo.php",
20             method: "POST",
21             dataType: "json",
22             data: {
23                 status: "register",
24                 userID: $(".name").val(),
25                 password: $(".password").val()
26             },
27             success: function (data) {
28                 console.log(data)
29             },
30             error: function () {
31                 console.log("error")
32             }
33         })
34     });
35     $("#login").click(function (e) {
36         e.preventDefault();
37         $.ajax({
38             url: "http://datainfo.duapp.com/shopdata/userinfo.php",
39             method: "POST",
40             dataType: "json",
41             data: {
42                 status: "login",
43                 userID: $(".loginName").val(),
44                 password: $(".loginPassword").val()
45             },
46             success: function (data) {
47                 console.log(data);
48             },
49             error: function () {
50                 console.log("error");
51             }
52         });
53     })
54 </script>
55 </body>
56
57 </html>

转载于:https://www.cnblogs.com/chenluomenggongzi/p/5942922.html

jQuery用户从服务器端注册登录相关推荐

WEB前后端交互原型通用元件库、常用组件、信息输出、信息输入、信息反馈、综合系列、页面交互、首页、分类页、内容详情、用户中心、注册登录、找回密码、元件库、web元件库、rplib、axure
WEB前后端交互原型通用元件库.常用组件.信息输出.信息输入.信息反馈.综合系列.页面交互.首页.分类页.内容详情.用户中心.注册登录.找回密码.元件库.web元件库.rplib.axure原型 we ...
springboot整合redis之用户手机验证码注册登录
目录 1搭建项目开发环境 1.1安装redis 1.1.1下载redis 1.1.2安装redis 1.1.3设置redis为windows服务安装为windows服务 1.2启动idea 1.3增 ...
APP注册登录那点事
转载地址:http://www.woshipm.com/pd/206667.html?utm_source=tuicool APP注册登录那点事 2015/09/21 阅读 3.2万评论 6 收藏 ...
移动APP整体策划-004-App注册登录系统策划方案
注册登录系统注册登录系统,是app最基础的系统模块之一.账号id是用户的唯一标识,基于这个账号记录用户行为,为用户提供各种各样的个性化服务.没有这个账号系统,后面的一切都是空话.当然,如果你是做一个 ...
产品策划三：App注册登录系统策划方案
注册登录系统,是app最基础的系统模块之一.账号id是用户的唯一标识,基于这个账号记录用户行为,为用户提供各种各样的个性化服务.没有这个账号系统,后面的一切都是空话.当然,如果你是做一个纯粹的工具,比 ...
产品策划四：App注册登录系统策划方案
注册登录系统注册登录系统,是app最基础的系统模块之一.账号id是用户的唯一标识,基于这个账号记录用户行为,为用户提供各种各样的个性化服务.没有这个账号系统,后面的一切都是空话.当然,如果你是做一个 ...
Android学习之完整的注册登录Demo（APP端+服务器端）
因比赛或者项目需要,写了几个小打小闹的APP.有的处于"单机"状态,有的处于"半联网"状态,觉得学习有点操之过急,所以先缓一缓,梳理一下之前所学的知识,将之前做 ...
Android实现注册登录头像上传等功能常规开发(Android端，服务器端开发实例)
Android实现注册登录头像上传等功能常规开发(Android端,服务器端开发实例) 标签: 注册登录Android开发servlet 2017-04-18 20:34 454人阅读评论(1) ...
python用户登录程序_「Python」每日一练：函数的应用之注册登录程序
编程题函数的应用之注册登录程序任务内容:要求模拟系统注册及登录的情境,注册密码要求:密码是6位或以上,必须包涵大写字母.小写字母.数字.程序若未退出前,则一直循环运行. 程序编写要求:按要求完善各 ...

jQuery用户从服务器端注册登录

jQuery用户从服务器端注册登录相关推荐

最新文章

热门文章