Ajax 和 WCF 的簡單運用

建立立一個web Site ,然後在這個Site中新加一個ajax-enable WCF Service  ,如 名為Service

建立後在AppCode下面就有一個CS檔案 ,另外在根目錄下面有一個SVC檔案,此檔案的指向的後台檔案就是AppCode下的CS檔案

<%@ ServiceHost Language="C#" Debug="true" Service="Service" CodeBehind="~/App_Code/Service.cs" %>

開啟CS檔案,對代碼進行如下修改

using System;using System.Linq;using System.Runtime.Serialization;using System.ServiceModel;using System.ServiceModel.Activation;using System.ServiceModel.Web;[ServiceContract(Namespace = "MyNameSpace")]//這裡定義Class所有命名空間[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]public class Service{    [OperationContract] //暴露一個方法    public string  getMessage()    {                return "WCF伺服器返回成功!!";    }}

以上對WCF設定部分完成(其實在Web.config新加了配置system.serviceModel空間的配置資訊)

下面在ASPX頁面調用 :

拉一個ScriptManager ,在裡面加一WCF服務的路徑,代碼如下

  <asp:ScriptManager ID="ScriptManager1" runat="server">        <Services >            <asp:ServiceReference Path="~/Service.svc" />  指定SVC檔案的路徑         </Services>   </asp:ScriptManager>

在同一個頁面的JS代碼如下

<script language="javascript" type="text/javascript">        function ajaxTest() {            MyNameSpace.Service.getMessage(onMethodCompleted); //這裡有好幾個重載了幾個方法,分別用來指明成功或失敗時的回呼函數        }        function onMethodCompleted(results) {        var   inner  = document.getElementById("Show");        inner.innerText =  results;        }    </script>

在aspx頁面拉一個用戶端按鈕 ,指定onclick事件為ajaxTest  這樣當點擊按鈕時, WCF那方法的傳回值將顯示出來...