WCF初试,用JQuery实现loading的功能

1.建立WCF project

[[3561]]

目前创新互联已为成百上千家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器托管、企业网站设计、睢阳网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

默认的方法改为

  
  
  

   
   
   
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> 
    
    
    
 
    
    
    
    
 
    
    
    
        WCF h2> 
    
    
    
        <%using (Html.BeginForm())  
    
    
    
          { %> 
    
    
    
    < div id="divResult"> 
    
    
    
        
 
    
    
    
            Result h3> 
    
    
    
        < 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实现loading..效果
 
 
 

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

  
  
  
public ActionResult WCFTest()  
  
  
  
        {  
  
  
  
            string strResult=string.Empty;  
  
  
  
            WCFTest.Service1 testClient = new WCFTest.Service1();  
  
  
  
            strResult = testClient.GetData(1);  
  
  
  
            return Json(strResult);  
  
  
  
        } 
 
 
 
我不明白为什么我一把reference加入就可以使用WCF了，我看见网上很多文章很烦的要改一些东西啊，加一些代码啊，请达人解释
5.JQuery实现loading结果
[[3562]] 
[[3563]] 
            

                网站标题：WCF初试,用JQuery实现loading的功能
                

                本文链接：http://www.shufengxianlan.com/qtweb/news22/118622.html
            
            

                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
            

                广告
                
            
            

                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联