asp.Net网站使用ajax实现局部更新，调用wcf服务后，局部更新失效

Question

使用ajax实现局部更新失效，和wcf服务有关吗？

Answer 1

本文的主要内容是通过ASP.NET Ajax调用WCF服务的代码示例。开发环境是：.NET Framework 3.5 Beta 2+Visual Studio 2005。　　准备：　　1、安装.NET Framework 3.5 Beta 2。　　ASP.NET Ajax调用WCF服务需要.NET Framework 3.5 Beta 2中的System.Web.Extensions.dll(3.5.0.0)，System.ServiceModel.Web.dll支持。　　开始我安装的是.NET Framework 3.5 June 2007 Community Technology Preview (CTP)，走了一些弯路。　　2、安装Visual Studio 2005 extensions for .NET Framework 3.0 (WCF & WPF)。　　3、检查IIS是否有.svc到c:\windows\microsoft.net\framework\v2.0.50727\aspnet_isapi.dll的映射，如果没有，建立映射，建立时取消“检查文件是否存在”的选择。　　开始：　　1、在VS 2005中新建一个Web Site项目。　　添加web.config，将＜authentication mode="Windows" />改为＜authentication mode="Forms" />。　　2、在该项目中添加一个WCF Service，命名为CNBlogsWCFService.svc。　　　　　　3、修改App_Code中CNBlogsWCFService.cs的代码：以下是引用片段：
[ServiceContract(Namespace = "http://www.cnblog.com/")] 
　　public interface ICNBlogsWCFService 
　　{ 
　　[OperationContract] 
　　string AddToFavorites(string blogID, string postID); 
　　} 
　　public class CNBlogsWCFService : ICNBlogsWCFService 
　　{ 
　　public string AddToFavorites(string blogID, string postID) 
　　{ 
　　return string.Format("收藏成功!BlogID:{0},PostID:{1}", blogID, postID); 
　　} 
　　} 
　　如果想进一步了解上述代码，请参考：　　Artech：[原创]我的WCF之旅(1)：创建一个简单的WCF程序 
　　Bruce Zhang：Windows Communication Foundation入门(Part Two)
　　4、修改CNBlogsWCFService.svc的代码：　　增加： 以下是引用片段：
Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory。 
　　改为：<%@ ServiceHost Language="C#" Debug="true" Service="CNBlogsWCFService" CodeBehind="~/App_Code/CNBlogsWCFService.cs" Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"%> 以下是引用片段：
<%@ ServiceHost Language="C#" Debug="true" Service="CNBlogsWCFService" CodeBehind="~/App_Code/CNBlogsWCFService.cs" Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"%> 
　　Factory是.NET Framework 3.5 Beta 2中增加的，而我们用的是Visual Studio 2005 extensions for .NET Framework 3.0，所以要手动加上。
　　如果不通过Ajax调用WCF，需要设置为：Factory="System.ServiceModel.Web.WebServiceHostFactory"。　　5、开始第一次运行，访问http://localhost/AjaxWCFDemo/CNBlogsWCFService.svc，会出现如下页面：　　 点击查看大图　　6、继续运行，访问http://localhost/AjaxWCFDemo/CNBlogsWCFService.svc/js，你会看到自动生成访问WCF的客户端代理脚本。　　7、OK!服务器端的WCF已经准备好了，下面就开始客户端的访问。　　8、配置ASP.NET Ajax，在web.config中进行设置：以下是引用片段：
<?<configuration>  
  <appSettings/>
  <connectionStrings/>
  <system.web>
    <compilation debug="false">
      <assemblies>
        <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      </assemblies>
    </compilation>
    <authentication mode="Forms" />
    <httpHandlers>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
    </httpHandlers>
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
    </httpModules>
  </system.web>
</configuration>  
　　注意：要设置为3.5版本的System.Web.Extensions，如果使用asp.net ajax 1.0会得不到调用WCF服务返回的结果。　　9、修改default.aspx的代码：　　1)添加ScriptManager，将ServiceReference设置为：~/CNBlogsWCFService.svc。　　2)将<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"　　Namespace="System.Web.UI" TagPrefix="asp" %> 以下是引用片段：
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %> 
　　改为:以下是引用片段：
<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"
    Namespace="System.Web.UI" TagPrefix="asp" %> 
<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"　　Namespace="System.Web.UI" TagPrefix="asp" %>　　2)添加调用WCF服务的代码，完整代码如下：以下是引用片段：<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"   Namespace="System.Web.UI" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <?<head runat="server">
    <title>Ajax WCF 演示 </title>
</head>
<body>
    <form id="form1" runat="server">
    <div align="center" style="margin-top:50px">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="~/CNBlogsWCFService.svc" />
            </Services>
        </asp:ScriptManager>
        <a href="#" onclick="AddToFavorites('1','2')">收藏</a><br />
        <br />
        <span style="color:Red" id="Msg"></span>         <script type="text/javascript">
        function AddToFavorites(blogID,postID)
        {
            var wcf = new www.cnblog.com.ICNBlogsWCFService();
            wcf.AddToFavorites(blogID,postID,OnSucceeded);
        }
        function OnSucceeded(result)
        {    
            document.getElementById("Msg").innerHTML = result;         
        }   
        </script>     </div>
    </form>
</body>
</html> 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>　　10、一切就绪，体验一下Ajax调用WCF的快乐!

Answer 2

谢谢，我的意思是：之前没有调用wcf的时候，局部更新可以实现；现在调用过wcf服务后（不是通过Ajax调用的），局部更新失效