一、WCF服务端

　　1.新建一个WCF,添加一个PersonService.svc

　　2.PersonService.svc.cs后台代码，如下：

　   [DataContract] 　　public class Person 　　{ 　　[DataMember] 　　public string Name; 　　[DataMember] 　　public string Address; 　　} 　　[ServiceContract(Namespace = "JsonAjaxService")] 　　[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] 　　public class PersonService 　　{ 　　[WebGet(ResponseFormat = WebMessageFormat.Json)] 　　public Person GetPerson() 　　{ 　　return new Person() { Name = "zjh", Address = "东莞" }; 　　} 　　}

　　3.PersonService.svc加代码Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"。如下： 　

　  <%@ ServiceHost Language="C#" Debug="true" Service="WcfService1.PersonService" CodeBehind="PersonService.svc.cs" Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory" %>

　　4.Web.config配置,如下： 　

　 <?xml version="1.0" encoding="utf-8"?> 　　<configuration> 　　<system.web> 　　<compilation debug="true" targetFramework="4.0" /> 　　<authentication mode="None" /> 　　</system.web> 　　<system.serviceModel> 　　<standardEndpoints> 　　<webScriptEndpoint> 　　<standardEndpoint name="" crossDomainScriptAccessEnabled="true"/> 　　</webScriptEndpoint> 　　</standardEndpoints> 　　<behaviors> 　　<serviceBehaviors> 　　<behavior> 　

　<!-- 为避免泄漏元数据信息，请在部署前将以下值设置为 false 并删除上面的元数据终结点 --> 　

     　&lt;serviceMetadata httpGetEnabled="true"/&gt; 　　

<!-- 要接收故障异常详细信息以进行调试，请将以下值设置为 true。在部署前设置为 false 以避免泄漏异常信息 --> 　

     &lt;serviceDebug includeExceptionDetailInFaults="false"/&gt; 　　&lt;/behavior&gt; 　　&lt;/serviceBehaviors&gt; 　　&lt;/behaviors&gt; 　　&lt;serviceHostingEnvironment multipleSiteBindingsEnabled="true" /&gt; 　　&lt;/system.serviceModel&gt; 　　&lt;system.webServer&gt; 　　&lt;modules runAllManagedModulesForAllRequests="true"/&gt; 　　&lt;/system.webServer&gt; 　　&lt;/configuration&gt;

　　说明：主要是配置<authentication mode="None" />、<standardEndpoint name="" crossDomainScriptAccessEnabled="true"/>、<serviceHostingEnvironment multipleSiteBindingsEnabled="true" />这三个。

　　二、ASP.NET客户端 　

　1.新建一个ASP.NET网站 　　

    2.添加页面JsCallWcf.aspx页面代码，如下： 　　        

        &lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JsCallWcf.aspx.cs" Inherits="WebApplication1.JsCallWcf" %&gt; 　　&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 　　&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 　　&lt;head runat="server"&gt; 　　&lt;title&gt;&lt;/title&gt; 　　&lt;script type="text/javascript"&gt; 　　// &lt;![CDATA[ 　　function CallWCF() { 　　var proxy = new JsonAjaxService.PersonService(); 　　proxy.set_enableJsonp(true); 　　proxy.GetPerson(onSuccess, onFail, null); 　　} 　　// This function is called when the result from the service call is received 　　function onSuccess(result) { 　　document.getElementById("name").value = result.Name; 　　document.getElementById("address").value = result.Address; 　　} 　　// This function is called if the service call fails 　　function onFail() { 　　document.getElementById("name").value = "Error"; 　　document.getElementById("address").value = "Error"; 　　} 　　 　　// ]]&gt; 　　&lt;/script&gt; 　　&lt;/head&gt; 　　&lt;body&gt; 　　&lt;form id="form1" runat="server"&gt; 　　&lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt; 　　&lt;Services&gt; 　　&lt;asp:ServiceReference Path="http://localhost:1300/PersonService.svc" /&gt; 　　&lt;/Services&gt; 　　&lt;/asp:ScriptManager&gt; 　　&lt;h1&gt; 　　

    JS调用WCF</h1> 　

　  <p/> 　　名称: <input type="text" id="name"/> 　　

      <p/> 　　地址: <input type="text" id="address"/> 　　      

       &lt;script type="text/javascript" defer="defer"&gt;CallWCF();&lt;/script&gt; 　　&lt;/form&gt; 　　&lt;/body&gt; 　　&lt;/html&gt; 　　

    说明： 　　

<asp:ServiceReference Path="http://localhost:1300/PersonService.svc" />对应WCF地址。 　

　脚本 var proxy = new JsonAjaxService.PersonService()中JsonAjaxService对应WCF代码中的[ServiceContract(Namespace = "JsonAjaxService")]。其它的应该很容易看明白了。

本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。