jQuery技术

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

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

今天想起接触WCF(Windows Communiction Foundation),开始弄个很小的例子。这里为大家讲用JQuery实现loading的功能

1.建立WCF project

建立WCF

默认的方法改为

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

就加一句

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

2.加入MCF/MCF.aspx VIEW

  1. < %@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> 
  2.  
  3. < asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
  4.     WCF  
  5. < /asp:Content> 
  6. < asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
  7.  
  8.     < script src="http://www.cnblogs.com/Scripts/jquery-1.3.2.js" type="text/javascript">script> 
  9.  
  10.     < script language="javascript" type="text/javascript"> 
  11.         $(function() {  
  12.         });  
  13.     < /script> 
  14.  
  15.     <h2> 
  16.         WCFh2> 
  17.         <%using (Html.BeginForm())  
  18.           { %> 
  19.     < div id="divResult"> 
  20.         <h3> 
  21.             Resulth3> 
  22.         < fieldset> 
  23.             < div id="divLoading"> 
  24.                 < img src='<%=Url.Content("~/Content/images/loader.gif")%>' alt="load" /> 
  25.                 please waiting...div> 
  26.             < div id="DivResultData"> 
  27.             div> 
  28.         < /fieldset> 
  29.     < /div> 
  30.     <%} %> 
  31. < /asp:Content> 

3.写Action,WCFController.cs

  1. public class WCFController : Controller  
  2.     {  
  3.         //  
  4.         // GET: /WCF/  
  5.         public ActionResult WCF()  
  6.         {  
  7.             return View();  
  8.         }  
  9.         [AcceptVerbs(HttpVerbs.Get)]  
  10.         public ActionResult WCFTest()  
  11.         {  
  12.             string strResult=string.Empty;  
  13.             WCFTest.Service1 testClient = new WCFTest.Service1();  
  14.             strResult = testClient.GetData(1);  
  15.             return Json(strResult);  
  16.         }  
  17.     } 

3.编写等待的JQuery实现loading..效果

  1. $(function() {  
  2.           $.ajax({  
  3.               type: "get",  
  4.               url: "WCFTest",  
  5.               datatype: "Json",  
  6.               data: "",  
  7.               complete: function() {  
  8.                   $("#divLoading").css("display", "none");  
  9.               },  
  10.               success: function(data) {  
  11.                   $("#DivResultData").html(data);  
  12.               }  
  13.           });  
  14.       }); 

4.调用WCF

  1. public ActionResult WCFTest()  
  2.         {  
  3.             string strResult=string.Empty;  
  4.             WCFTest.Service1 testClient = new WCFTest.Service1();  
  5.             strResult = testClient.GetData(1);  
  6.             return Json(strResult);  
  7.         } 

我不明白为什么我一把reference加入就可以使用WCF了,我看见网上很多文章很烦的要改一些东西啊,加一些代码啊,请达人解释

5.JQuery实现loading结果

结果

 运行结果

【编辑推荐】


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评