·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> 用JavaScript调用WCF Service

【如有意向点此提交需求】关于我们

用JavaScript调用WCF Service

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23

用javaScript调用WCF Service

原创地址：http://www.cnblogs.com/jfzhu/p/4039604.html

转载请注明出处

前面介绍过《Step by Step 创建一个WCF Service》和《使用WCF的Trace与Message Log功能》，本文介绍一下如何用Javascript来调用WCF Service。

WCF Service的代码如下：

IHelloService.cs

using System.ServiceModel;using System.ServiceModel.Activation;using System.ServiceModel.Web;namespace HelloService{        [ServiceContract(Name = "IHelloService")]        public interface IHelloService    {        [OperationContract(Name="GetMessage")]                string GetMessage(string name);        [OperationContract]        Employee GetEmployee(int id);    }}

HelloService.cs

using System;namespace HelloService{        public class HelloService : IHelloService    {        public string GetMessage(string name)        {            return "Hello " + name;                    }        public Employee GetEmployee(int id)        {            return new Employee() { Id = id, Name="Neil Klugman", Birthdate=new DateTime(1930, 1, 31)};        }    }}

web.config文件，注意高亮部分：

<?xml version="1.0" encoding="utf-8" ?><configuration>  <system.serviceModel>    <serviceHostingEnvironment multipleSiteBindingsEnabled="true" />        <services>      <service name="HelloService.HelloService" behaviorConfiguration="metaBehavior">        <endpoint address="" binding="webHttpBinding" contract="HelloService.IHelloService" behaviorConfiguration="AjaxServiceBehavior"></endpoint>        <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange"></endpoint>        <host>          <baseAddresses>            <add baseAddress="http://localhost:8080"/>          </baseAddresses>        </host>      </service>          </services>    <behaviors>      <endpointBehaviors>        <behavior name="ajaxServiceBehavior">          <enableWebScript/>        </behavior>      </endpointBehaviors>      <serviceBehaviors>        <behavior name="metaBehavior">          <serviceDebug includeExceptionDetailInFaults="true" />          <serviceMetadata httpGetEnabled="true" />        </behavior>        <behavior name="">          <serviceMetadata httpGetEnabled="true" />          <serviceDebug includeExceptionDetailInFaults="false" />        </behavior>      </serviceBehaviors>    </behaviors>  </system.serviceModel></configuration>

创建一个客户端web application，添加一个web form，WebForm1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="HelloWebClient.WebForm1" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">    <title>AJAX Service Client Page</title></head><body>    <form id="form1" runat="server">    <asp:ScriptManager ID="ScriptManager" runat="server">         <Services>             <asp:ServiceReference Path="http://192.168.6.47:8080/HelloService.svc" />         </Services>    </asp:ScriptManager>            <script lang="javascript" type="text/javascript">        function GetValueFromServer() {            var name = document.getElementById('txtValueContainer').value;            tempuri.org.IHelloService.GetMessage(name, onSuccess, onFailure, null);                    }        function onSuccess(result) {            document.getElementById('labelResult').value = result;        }        function onFailure(result) {            window.alert(result);        }    </script>    <div>        <input id="btnServiceCaller" type="button" value="Get Value" onclick="GetValueFromServer()"; />        <input id="txtValueContainer" type="text" value="" />         <input id="labelResult" type="text" value="" />    </div>    </form></body></html>

用浏览器打开WebForm1.aspx，使用Fiddler查看，因为代码里有了对WCF Service的引用

<asp:ServiceReference Path="http://192.168.6.47:8080/HelloService.svc" />

所以页面加载了JavaScript

image_thumb7

加载的JavaScript代码为：

Type.registerNamespace('tempuri.org');tempuri.org.IHelloService = function () {    tempuri.org.IHelloService.initializeBase(this);    this._timeout = 0;    this._userContext = null;    this._succeeded = null;    this._failed = null;}tempuri.org.IHelloService.PRototype = {    _get_path: function () {        var p = this.get_path();        if (p) return p;        else return tempuri.org.IHelloService._staticInstance.get_path();    },    GetMessage: function (name, succeededCallback, failedCallback, userContext) {        /// <param name="name" type="String">System.String</param>        /// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>        /// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>        /// <param name="userContext" optional="true" mayBeNull="true"></param>        return this._invoke(this._get_path(), 'GetMessage', false, { name: name }, succeededCallback, failedCallback, userContext);    },    GetEmployee: function (id, succeededCallback, failedCallback, userContext) {        /// <param name="id" type="Number">System.Int32</param>        /// <param name="succeededCallback" type="Function" optional="true" mayBeNull="true"></param>        /// <param name="failedCallback" type="Function" optional="true" mayBeNull="true"></param>        /// <param name="userContext" optional="true" mayBeNull="true"></param>        return this._invoke(this._get_path(), 'GetEmployee', false, { id: id }, succeededCallback, failedCallback, userContext);    }}tempuri.org.IHelloService.registerClass('tempuri.org.IHelloService', Sys.Net.WebServiceProxy);tempuri.org.IHelloService._staticInstance = new tempuri.org.IHelloService();tempuri.org.IHelloService.set_path = function (value) {    tempuri.org.IHelloService._staticInstance.set_path(value);}tempuri.org.IHelloService.get_path = function () {    /// <value type="String" mayBeNull="true">The service url.</value>    return tempuri.org.IHelloService._staticInstance.get_path();}tempuri.org.IHelloService.set_timeout = function (value) {    tempuri.org.IHelloService._staticInstance.set_timeout(value);}tempuri.org.IHelloService.get_timeout = function () {    /// <value type="Number">The service timeout.</value>    return tempuri.org.IHelloService._staticInstance.get_timeout();}tempuri.org.IHelloService.set_defaultUserContext = function (value) {    tempuri.org.IHelloService._staticInstance.set_defaultUserContext(value);}tempuri.org.IHelloService.get_defaultUserContext = function () {    /// <value mayBeNull="true">The service default user context.</value>    return tempuri.org.IHelloService._staticInstance.get_defaultUserContext();}tempuri.org.IHelloService.set_defaultSucceededCallback = function (value) {    tempuri.org.IHelloService._staticInstance.set_defaultSucceededCallback(value);}tempuri.org.IHelloService.get_defaultSucceededCallback = function () {    /// <value type="Function" mayBeNull="true">The service default succeeded callback.</value>    return tempuri.org.IHelloService._staticInstance.get_defaultSucceededCallba