ajax接口之一：登录退出系统

张军勇

为了方便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.         }

复制代码

刘亚东

在网页上启动客户端。。。。

王爱东

这个要详细的讲解下去，开个系列。

张军勇

后面再讲解如何调用服务。

fteair

受教