1.建立WCF project

[[3561]]

默認(rèn)的方法改為

public string GetData(int value)  
        {  
            System.Threading.Thread.Sleep(5000);    //模擬等待  
            return string.Format("You entered: {0}", value);  
        } 

就加一句

  System.Threading.Thread.Sleep(5000);    //模擬等待

2.加入MCF/MCF.aspx VIEW

< %@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> 
 
< asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
    WCF  
< /asp:Content> 
< asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
 
    < script src="http://www.cnblogs.com/Scripts/jquery-1.3.2.js" type="text/javascript">script> 
 
    < script language="javascript" type="text/javascript"> 
        $(function() {  
        });  
    < /script> 
 
    <h2> 
        WCFh2> 
        <%using (Html.BeginForm())  
          { %> 
    < div id="divResult"> 
        <h3> 
            Resulth3> 
        < fieldset> 
            < div id="divLoading"> 
                < img src='<%=Url.Content("~/Content/images/loader.gif")%>' alt="load" /> 
                please waiting...div> 
            < div id="DivResultData"> 
            div> 
        < /fieldset> 
    < /div> 
    <%} %> 
< /asp:Content> 

3.寫Action，WCFController.cs

public class WCFController : Controller  
    {  
        //  
        // GET: /WCF/  
        public ActionResult WCF()  
        {  
            return View();  
        }  
        [AcceptVerbs(HttpVerbs.Get)]  
        public ActionResult WCFTest()  
        {  
            string strResult=string.Empty;  
            WCFTest.Service1 testClient = new WCFTest.Service1();  
            strResult = testClient.GetData(1);  
            return Json(strResult);  
        }  
    } 

3.編寫等待的JQuery實(shí)現(xiàn)loading..效果

$(function() {  
          $.ajax({  
              type: "get",  
              url: "WCFTest",  
              datatype: "Json",  
              data: "",  
              complete: function() {  
                  $("#divLoading").css("display", "none");  
              },  
              success: function(data) {  
                  $("#DivResultData").html(data);  
              }  
          });  
      }); 

4.調(diào)用WCF

public ActionResult WCFTest()  
        {  
            string strResult=string.Empty;  
            WCFTest.Service1 testClient = new WCFTest.Service1();  
            strResult = testClient.GetData(1);  
            return Json(strResult);  
        } 

我不明白為什么我一把reference加入就可以使用WCF了，我看見(jiàn)網(wǎng)上很多文章很煩的要改一些東西啊，加一些代碼啊，請(qǐng)達(dá)人解釋

5.JQuery實(shí)現(xiàn)loading結(jié)果

[[3562]]

 [[3563]]

【編輯推薦】

1. jQuery調(diào)用WCF服務(wù)傳遞JSON對(duì)象
2. 學(xué)習(xí)jQuery必須知道的幾種常用方法
3. 用XML+XSLT+CSS+JQuery組建ASP.NET網(wǎng)站
4. JQuery ID選擇器中的不能包含特殊字符的處理
5. 使用jQuery和PHP構(gòu)建一個(gè)受Ajax驅(qū)動(dòng)的Web頁(yè)面