在網絡上經常看到一些初學者提問怎么在AJAX中或用Javascript調用WCF服務,本文將簡要給初學者介紹如何在AJAX中或用Javascript調用WCF服務以及注意事項。為了便于講解，我們首先創建一個WCF服務，服務和服務數據定義如下：

    //數據契約    [DataContract]    public class Person    {        [DataMember]        public int ID { get; set; }        [DataMember]        public string Name { get; set; }    }    //WCF服務，為了能使js調用，必須設置ASPNETCompatibilityRequirements為Allowed或Required    [ServiceContract(Namespace = "")]    [ASPNETCompatibilityRequirements(RequirementsMode = ASPNETCompatibilityRequirementsMode.Allowed)]    public class PersonService    {        //服務功能1        [OperationContract]        [WebGet]        public Person GetOnePerson()        {            return new Person { ID = 1, Name = "cokkiy" };        }        //服務功能2        [OperationContract]        [WebGet]        public List<Person> GetPorsons(int id, string name)        {            return new List<Person>() { new Person { ID=1,Name="cokkiy"},                 new Person { ID=id,Name=name} };        }    }

　　Ok，我們先看一下服務定義，為了使AJAX或JS調用服務，必須標記服務的ASPNET兼容模式為Allowed或Required。其次，操作契約必須標記為WebGet或WebInvoke，WebGet屬性標記了一個可以用http get方法調用的操作，而WebInvoke屬性標記了一個可以用http post方法調用的操作。

　　再來看服務配置文件：

<system.serviceModel>        <behaviors>            <endpointBehaviors>                <behavior name="AjaxWCFWeb.Services.PersonServiceASPNETAjaxBehavior">                    <enableWebScript/>                behavior>            endpointBehaviors>        behaviors>        <serviceHostingEnvironment ASPNETCompatibilityEnabled="true"/>        <services>            <service name="AjaxWCFWeb.Services.PersonService">                <endpoint address="" behaviorConfiguration="AjaxWCFWeb.Services.PersonServiceASPNETAjax
Behavior" binding="webHttpBinding" 
contract="AjaxWCFWeb.Services.PersonService"/>            service>        services>    system.serviceModel>

　　這里注意，配置文件中，必須提供基于webHttpBinding的綁定，否則就不能從js中調用。并且，必須設置serviceHostingEnvironment 為ASPNETCompatibilityEnabled。

　　下面來看如何在js中調用我們剛才創建的WCF服務，我們用JQuery的ajax功能。

    <p>       <button id="getOnePerson" type="button">Get One Personbutton>       <button id="getPersons" type="button">Get Personsbutton>    p>    <script type="text/Javascript">        $(document).ready(function() {            $('#getOnePerson').click(function() {                $.getJSON("/Services/PersonService.svc/GetOnePerson", {}, function(data) {                    alert("ID:" + data.d.ID + " Name:" + data.d.Name);                });            });            $('#getPersons').click(function() {                $.getJSON("/Services/PersonService.svc/GetPorsons", { id: 100, name: "from clent" }, function
(data) {                    alert(data.d.length);                    for (var i = 0; i < data.d.length; i++) {                        alert("ID:" + data.d[i].ID + " Name:" + data.d[i].Name);                    }                });            });        });    script>

　　由于我們用的是JQuery的AJAX函數，因此調用方式非常簡單，熟悉JQuery AJax的朋友一看就明白了，這種調用方式跟調用其他方法幾乎完全一樣，差別在于返回的數據，請注意我們真正的數據在data.d中。

　　總結：1）WCF服務必須標記為ASPNETCompatibilityRequirements為Alowed或Requered。

         　　2）服務中的操作(Operation)必須標記為WebGet或WebInvoke。

         　　3）服務配置中必須提供webHttpBinding綁定，并設置服務的運行環境為ASPNETCompatibilityEnabled。

        　　 4）返回的數據在屬性d中。

it知識庫：用jQuery AJAX調用WCF服務，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。