学步园

　　前一篇分享了如何在SharePoint 2010 平台上开发WCF服务"JQuey 调用SharePoint 2010 WCF服务", 本文通过简单的实例来分享如何通过JQuery来调用WCF服务。

　　例子非常简单，在我们前一篇的基础上，创建领个mapping到Layouts的folder，添加Demo.js. 如下图：

　　　　　　

　　　　　　

Demo.js 内容也就一个主要的方法，就是调用WCF服务。看到Demo.js添加了对Jquery的引用。

/// <reference path="jquery-1.7.1.min.js" />

function callWCFService(WCFServiceURL) {
    $.ajax({
        type: "GET",
        url: WCFServiceURL,
        contentType: "applicaiton/json;charset=utf-8",
        dataType: 'json',
        processdata: true,
        success: function (msg) {
            WCFServiceSucceeded(msg);
        },
        error: WCFServiceError
    });
}
function WCFServiceSucceeded(result)
{
    alert(result);
}
function WCFServiceError() {
    alert("error");
}

紧接着也就是通过一个Web part 来测试我们的调用是否成功，单击项目添加一个web part，重载内部的创建空间的方法。

 protected override void CreateChildControls()
        {
            ScriptLink.Register(this.Page, "SPWCFAndJQuery/jquery-1.7.1.min.js", false);
            ScriptLink.Register(this.Page, "SPWCFAndJQuery/Demo.js", false);
string url = SPContext.Current.Web.Url + this.ResolveUrl("~/_vti_bin/SPLover.WCF/WCFDemo.svc/DoWork");
            ScriptManager.RegisterStartupScript(this.Page, typeof(WebPart1), "", string.Format("callWCFService('{0}');", url), true);
        }

最后一步就是部署，并添加web part到SharePoint 站点，测试是否调用成功。