度量快速开发平台-业界最好的全功能软件开发平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 部件 流程 SQL
查看: 567|回复: 4

[分享] ajax接口之一:登录退出系统

[复制链接]

78

主题

634

帖子

1596

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1596
发表于 2016-11-24 09:55:18 | 显示全部楼层 |阅读模式
为了方便BS或手机端访问系统,扩展功能,我们在平台中,支持了ajax接口,通过服务端编程和客户端javascript配合,可以实现登录系统,获取信息,调用服务等功能。
接下来的系统主题将说明如何使用这些接口开发B/S或手机端界面。
一、系统主要接口说明:

系统中目前主要有两个ashx文件,WebHandler.ashx和WebLogin.ashx两个文件接口,实现ajax的访问。
1、WebHandler.ashx,通过它可以调用服务端系统服务和扩展服务,配合服务端扩展服务功能,我们可以实现数据访问和数据保存等功能,调用方法我们后面再详细讲解。服务编写具体参见如何编写扩展服务。
2、WebLogin.ashx,主要实现系统登录、退出等功能。
今天主要说明如何调用登录系统和退出系统的接口。
二、登录功能实现
首先需要先建一个Form表单,用于用户名和密码及登录等控件布局。
  1. <form name="form1" id="form1" action="" method="post">
  2. 用户名:<input id="account" tabindex="1" class="inputtext" type="text" name="account">
  3. 密码:<input tabindex="2" class="inputtext" type="password" name="password" id="password"><input type="checkbox" name="remember" id="rememberMe" tabindex="3">
  4. <label for="rememberMe">记住用户名和密码</label>
  5. <input class="public-button" id="loginbutton" name="loginbutton" type="button" tabindex="4" value="登录" onclick="javascript:checklogin();">
  6. </form>
复制代码
由上面的代码可以看到,我们在登录按钮点击后,会调用一个checklogin函数。下面我们来完成这个函数用于登录系统。

  1. var force=false;
  2.         function checklogin()
  3.         {
  4.                 var account=$('#account').val();
  5.                 var pwd=$('#password').val();
  6.                 var url='Handler/WebLogin.ashx?method=WEBLOGIN';
  7.                 if ($.trim(account)=='')
  8.                 {
  9.                         alert("用户名不能为空。");
  10.                         return;
  11.             }
  12.             
  13.                 var href1="mainform.aspx";
  14.            
  15.             var options = {
  16.         url:force? url+"&F=1":url,
  17.         type:'POST',
  18.         success: function(msg){if(msg=='0'){$('#loginbutton').attr("disabled",true);window.open(href1,"_self");}else if(msg=='-2')
  19.         {if(confirm("当前人员在线,是否强行登录?")){ force=true;checklogin();} } else{alert(msg)};} //显示操作提示
  20.         };
  21.         $('#form1').ajaxSubmit(options);
  22.                 return false;
  23.         }
复制代码
如上,我们URL访问地址为:Handler/WebLogin.ashx?method=WEBLOGIN ,method指示访问哪个方法。如此便完成了系统的登录。

三、退出系统
相对于登录,退出就简单多了,只需要将方法改为loginout即可。代码如下:
  1. function loginout()
  2.         {
  3.         var url='Handler/WebLogin.ashx?method=LOGINOUT';
  4.         var options = {
  5.         url:url,
  6.         type:'POST',
  7.         success: function(msg){if(msg=='0'){alert("退出成功。");}else{alert("退出失败。");}
  8.         };
  9.         $('#form1').ajaxSubmit(options);
  10.         return false;
  11.         }
复制代码



回复

使用道具 举报

78

主题

634

帖子

1596

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1596
 楼主| 发表于 2016-11-24 09:55:50 | 显示全部楼层
后面再讲解如何调用服务。
回复 支持 反对

使用道具 举报

197

主题

1307

帖子

3506

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3506
发表于 2016-11-24 18:11:42 | 显示全部楼层
这个要详细的讲解下去,开个系列。
回复 支持 反对

使用道具 举报

66

主题

683

帖子

1798

积分

作者

Rank: 7Rank: 7Rank: 7

积分
1798
发表于 2016-11-27 18:10:12 | 显示全部楼层
在网页上启动客户端。。。。
回复 支持 反对

使用道具 举报

170

主题

1870

帖子

4272

积分

论坛元老

Rank: 8Rank: 8

积分
4272
发表于 2017-3-21 09:28:39 | 显示全部楼层
受教
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|重庆度量科技  本站关键词:快速开发平台

GMT+8, 2018-1-19 19:16 , Processed in 0.318971 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表