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 >

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


源代码下载  下载