WebService服务和ajax使用

题外话

WebService技术已经有好几年的历史了,关于基础的理论知识,此处省去,不说了。最近被炒了的ajax技术也被滥用的很是严重,至于细节,不是我说的重点。

ajax技术的入门比较低,javascript和xml的一点利用,个人以为没啥含量,不能在根本上解决企业的需求或者问题,在安全性,线路传输的低级等方面都有致命的问题.

为什么要把WebService和ajax放一起,原因很简单, 两者的共同点准确的来说是经常按照同一数据协议--------XML.

本文全部源码userapp.rar

本文既不说明ajax的弱,也不说WebService的强大,只是通过一个例子说明了如何使用WebService技术和ajax技术.

我通过实例“用户登陆”展示How.
在本地建立一个虚拟目录UserApp。

先创建一个webservice:

namespace Cjjer{
using System;
using System.Web.Services;
[WebService (Name
="WebsCjjer",Description="一个验证用户登陆的web服务",Namespace="http://www.cjjer.com/webs/")]
public class UserService{
    [WebMethod (Description 
="输入用户名和密,返回权限Int值,0表示失败",MessageName="Login")]
    
public int Login(string UserName,string UserPassword){
        
return User.Check(UserName,UserPassword);
    }


};
}

 

我们暂时不看细节,注意这是这个class有头WebService,标记了这是一个web服务.

csc编译掉,放入bin目录,然后login.asmx文件:

 

<%@WebService Class="Cjjer.UserService"%>

我先不说验证的细节,我们先假设User.Check()返回的是用户级别,0表示验证失败.

现在在URL中输入地址,访问:如图

点击login:

输入正确的用户名和密码,然后点击调用:

如果不是正确的用户名和密码,将int节点值是0.

我们本地的调用是在SOAP操作.

还有很多方式:

SOAP(最低级的)

soap的这里不说,以后会详细说,我这里注意看的是get和post方式:

HTTP GET

面是一个 HTTP GET 请求和响应示例。所显示的占位符需要由实际值替换。

 

GET /userapp/login.asmx/Login?UserName=string&UserPassword=string HTTP/1.1
Host: s

return:

HTTP/1.1 200 OK
Content
-Type: text/xml; charset=utf-8
Content
-Length: length

<?xml version="1.0" encoding="utf-8"?>
<int xmlns="http://www.cjjer.com/webs/">int</int>

 

HTTP POST

下面是一个 HTTP POST 请求和响应示例。所显示的占位符需要由实际值替换。

 

POST /userapp/login.asmx/Login HTTP/1.1
Host: s
Content
-Type: application/x-www-form-urlencoded
Content
-Length: length

UserName
=string&UserPassword=string

return:

HTTP/1.1 200 OK
Content
-Type: text/xml; charset=utf-8
Content
-Length: length

<?xml version="1.0" encoding="utf-8"?>
<int xmlns="http://www.cjjer.com/webs/">int</int>

我们可以输入url的地址,或者post的action,就可以访问和提交获取结果了.

此处可以选择的操作其实也很多,使用屏幕清理技术,还可以用xml的处理框架提交信息的结果,也可以用其他技术,不说了,反正都是貌似需要几十行或者比我下面多一些处理。

我说的是使用SDK的工具wsdl工具处理代理的web服务.

 

wsdl /l:cs /out:WebsCjjer.cs /namespace:Webs /urlkey:WebsUser /nologo http://s:81/userapp/login.asmx?wsdl

 

得到WebsCjjer.cs源文件。

注意:/urlkey:WebsUser表示是URL可以是从web.config文件的WebsUser获取,这样做是避免硬编码,看看WebsCjjer.cs

.
    
public WebsCjjer() {
            
string urlSetting = System.Configuration.ConfigurationSettings.AppSettings["WebsUser"];
            
if ((urlSetting != null)) {
                
this.Url = urlSetting;
            }
            
else {
                
this.Url = "http://s:81/userapp/login.asmx";
            }
        }
.

为了能被其他的人访问,需要加入如下代码到web.config:

<system.web>
    
<webServices>
        
<protocols>
            
<add name="HttpPost"/>
            
<add name="HttpGet"/>
        
</protocols>
    
</webServices>

就是代理许可.

编译了这个类,到bin,使用的时候如下:

void OnLogin(Object s,EventArgs e){
    Webs.WebsCjjer Ws_App 
= new Webs.WebsCjjer();
    returnint.Text 
= Ws_App.Login(MyUserName.Text,MyPassword.Text).ToString();
}

 

这样,直接能返回结果,不需要我们自己正则或者xml处理,不需要知道验证的细节

看看如下效果:
登陆界面:

ajax需要的代码可能要稍微多一点:

function ajaxLogin(){
    
var WebsUrl = 'http://s:81/userapp/login.asmx/Login?';
    
if(!CheckLoadfocus(document.all.MyUserName)  )    {    
        alert(
'用户名不合法,请返回');
        
return false;
    }
else if (!CheckLoadfocus(document.all.MyUserName)  )    {    
        alert(
'密码不合法,请返回');
        
return false;
    }
    
var UrlStr = WebsUrl +'UserName='+document.all.MyUserName.value+'&UserPassword=
'+document.all.MyPassword.value;
    AjaxLogin(UrlStr);
    
return false;
}
function CheckLoadfocus(thise){
    
var sReg='([a-zA-Z0-9]+){3,}$';
    
var reg = new RegExp(sReg,"i");
    
try{
        
if(!reg.test(thise.value)){
            thise.value 
='admin';
            thise.style.background
='#FFFFBF';
            thise.focus();
            thise.select();
            alert(
'提交不合法,请返回');
            
return false;
        }
    thise.select();
    thise.style.background
='#FFF';

    }
catch(e){}
    
return true;
}

function AjaxLogin(file){
  
var xmlObj = null;
  
if(window.XMLHttpRequest){
      xmlObj 
= new XMLHttpRequest();
  } 
else if(window.ActiveXObject){
      xmlObj 
= new ActiveXObject("Microsoft.XMLHTTP");
  } 
else {
      
return;
  }

  xmlObj.onreadystatechange 
= function(){
    
if(xmlObj.readyState == 4){
        
var rstr;
        
var mylevl = parseInt(xmlObj.responseXML.getElementsByTagName('int')[0].firstChild.data);
        
if(mylevl>0){
            rstr
=('登陆成功,权限是'+mylevl);
        }
else{
            rstr
=('登陆失败');
        }
        alert(rstr);
     }
    }
    xmlObj.open (
'GET', file, true);
    xmlObj.send (
'');
  }

登陆界面: 

如果登陆成功:

否则:

总结:就着样,如果发布了web服务,就可以使用wsdl创建代理类,然后获取数据,或者使用ajax获取,两者在简单的功能实现上ajax可能在不支持.Net的系统可以实现一些功能,但应对企业级的需求,比方二进制对象传输,安全性要求比较高的需求等。web服务注重的是公开服务内容并使用,ajax注重的是或者xml的数据,在长远的开来,web服务更加具有广泛的使用前景,它在异步传输,分布式数据处理上占有很重要的一席之地,我只据了一个小小的例子以说明这一点。

posted @ 2007-12-24 11:39  键盘上的烟灰  阅读(518)  评论(0编辑  收藏  举报