本实例讲解Ajax 调用WCF服务。
1、建立一个网站，并在其中添加一个WCF服务（这里需要选择Ajax-Enabled WCF Service）。
2、IDE会自动生成一个SVC文件。
3、服务代码如下：
using System; using System.Collections.Generic; using System.Linq; using System.Runtime.Serialization; using System.ServiceModel; using System.ServiceModel.Activation; using System.ServiceModel.Web; using System.Text; namespace WebApplication2 { [ServiceContract(Namespace = "WebApplication2")] [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] public class Service1 { // To use HTTP GET, add [WebGet] attribute. (Default ResponseFormat is WebMessageFormat.Json) // To create an operation that returns XML, // add [WebGet(ResponseFormat=WebMessageFormat.Xml)], // and include the following line in the operation body: // WebOperationContext.Current.OutgoingResponse.ContentType = "text/xml"; [OperationContract] public bool ValidateUser(string uid, string pwd) { if(uid=="sa" && pwd=="sa") { return true; } return false; } //public void DoWork() //{ // // Add your operation implementation here // return; //} // Add more operations here and mark them with [OperationContract] } }
4、服务写好后就可以调用，这里在页面中添加一个ScriptManager，并引入WCF Webservice,代码如下
Get.aspx前台代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Get.aspx.cs" Inherits="WebApplication2.Get" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> function ValidateUser(uid, pwd) { WebApplication2.Service1.ValidateUser(uid,pwd, OnSucceed, OnFailed); } function OnSucceed(result) { if (result == true) { window.alert("通过验证"); } else { window.alert("验证失败！") } } function OnFailed(result) { window.alert("操作失败：" + result._message); } function Button1_onclick() { var uid = $get("tbxUid").value; var pwd = $get("tbxpwd").value; ValidateUser(uid,pwd); } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="scriptmanager1" runat="server"> <Services> <asp:ServiceReference Path="~/Service1.svc" /> </Services> </asp:ScriptManager> </div> <div> 用户名：<input id="tbxUid" type="text" /><br/> 密码：<input id="tbxpwd" type="text" /><br /> <input id="button1" type="button" value="Submit" onclick="return Button1_onclick();" </div> </form> </body> </html>
5、这里需要注意的是，在调用 WebApplication2.Service1.ValidateUser方法时，代码中并没有直接取该函数的返回值，因为利用这种方案对服务器函数的调用都是异步的，正确的处理方法是指定了两个回调函数OnSucceed和OnFaile，第一个函数是成功时的回调，后一个是失败时的回调，这两个函数都需要一个参数，OnSucceed的参数就是服务器函数的返回值，而OnFaile的参数就是失败时的出差信息，功能类似Exception类型，其中_message属性中出错信息，_stackTrace中出错的堆栈跟踪信息。
6、这是一种常规的异步回调模式，大多数语言都会这么写。
7、运行结果：
