ASP.NET Ajax调用WCFService(VS2008 beta2 简体中文版)

       看见Dudu大哥写了一篇ASP.NET Ajax =》WCF(.NET 3.5 Beta 2,VS2005) 觉得挺有意思,以前没有WCF的时候我们都是调用Webservice,当然调用页面.cs里面的静态方法也可以;听说WCF的目标就是要替换以前那些实现分布式的技术,例如WebService,那我们也只好改成调用WCFService 了。到底这两种孰好孰差?大家可以讨论一下:

首先建立一个WebApplication项目,例如叫做AjaxAndWCFWebApplication:(默认支持AJAX)


你可以在项目上建立一个WCFService的文件夹,把所有的WCFService文件都放到里面;
然后建立WCFService文件,例如WCFAJaxService.svc


vs会建立三个文件,IWCFAJaxService.cs WCFAJaxService.svc  WCFAJaxService.svc.cs

下面开始写代码:
IWCFAjaxService.cs 代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;

namespace AjaxAndWCFWebApplication.WCFService
{
    [ServiceContract]
    
public interface IWCFAjaxService
    
{
        
//[OperationContract]
        
//void DoWork();
        [OperationContract]
        
string GetServerDateTimeByName(string name);
    }

}

WCFAjaxService.svc.cs 代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;

namespace AjaxAndWCFWebApplication.WCFService
{
    
public class WCFAjaxService : IWCFAjaxService
    
{
        
//public void DoWork()
        
//{
        
//}

        
public string GetServerDateTimeByName(string name)
        
{
            
return "你好:" + name + "; 现在时间是:" + DateTime.Now.ToString();
        }

    }

}

接下来改写:WCFAjaxService.svc 中的代码为:

<%@ ServiceHost Language="C#" Debug="true" 

Service
="AjaxAndWCFWebApplication.WCFService.WCFAjaxService" 

CodeBehind
="WCFAjaxService.svc.cs" 

Factory
="System.ServiceModel.Activation.WebScriptServiceHostFactory" %>

其实就是在后面加上 Factory=.....那些。

接下来删除Web.config 中 <System.ServiceModel> 部分,为什么呢?因为你用了

Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory",The

WebScriptServiceHostFactory class is designed to enable Windows Communication Foundation

services to be used to serve data to AJAX-enabled Web pages without having to write WCF

configuration settings.

好了,如果你现在右键WCFAjaxService.svc选择在浏览器中查看,你将会得到如下错误:
IIS 指定了身份验证方案“Ntlm, Anonymous”,但绑定仅支持一种身份验证的规范。有效的身份验证方案

为摘要、协商、NTLM、基本或匿名。请更改 IIS 设置,以便仅使用单一的身份验证方案。

这是个bug,参看:http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=1922152&SiteID=1&pageid=0

可是这个是vs里集成的iis啊?怎么改?高人请赐教,我的办法是在本机的iis中建立个站点,并把这个站点

的“集成windows身份验证”前面的勾去掉,只留下一个匿名认证。


好了,接下来我们可以写Ajax代码了:

Default.aspx中的代码如下:

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 

Inherits
="AjaxAndWCFWebApplication._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
    
<script type="text/javascript">
     
       function ClientGetServerDateTimeByName()
{
         var proxy 
= new tempuri.org.IWCFAjaxService();
         var xname 
= document.getElementById("xname");
         proxy.GetServerDateTimeByName(xname.value,OnSucceeded);
       }

   
       function OnSucceeded(result)
       
{
         var RsltElem 
= document.getElementById("Results");
        RsltElem.innerHTML 
= result;
       }

     
     
</script>

</head>
<body>
    
<form id="form1" runat="server">
    
<div>
    
<asp:ScriptManager ID="ScriptManager1" runat="server">
     
<Services>
       
<asp:ServiceReference Path="~/WCFService/WCFAjaxService.svc" />
     
</Services>
    
</asp:ScriptManager>
    
<div>
    
<h2>Ajax调用WCF Service</h2>
         
<p>  Calling a service that returns the current server time and the input name.</p>
            请输入昵称:
<input id="xname" type="text" name="xname" /><input id="DateButton" 

type
="button" value="调用" onclick="ClientGetServerDateTimeByName()" />
     
</div>
     
<div>
         
<br />
         
<span id="Results"></span>
     
</div>

    
</div>
    
</form>
</body>
</html>

在浏览器中打开刚才建立的网站,运行如下:


源代码下载  下载

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...