WCF初试,用JQuery实现loading的功能
创始人
2024-04-02 21:02:00
0

1.建立WCF project

[[3561]]

默认的方法改为

  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"> 
  9.  
  10.     < script language="javascript" type="text/javascript"> 
  11.         $(function() {  
  12.         });  
  13.     < /script> 
  14.  
  15.     

     
  16.         WCF
  17.  
  18.         <%using (Html.BeginForm())  
  19.           { %> 
  20.     < div id="divResult"> 
  21.         

     

  22.             Result 
  23.         < fieldset> 
  24.             < div id="divLoading"> 
  25.                 < img src='<%=Url.Content("~/Content/images/loader.gif")%>' alt="load" /> 
  26.                 please waiting...
 
  •             < div id="DivResultData"> 
  •             
  •  
  •         < /fieldset> 
  •     < /div> 
  •     <%} %> 
  • < /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结果

    [[3562]]

     [[3563]]

    【编辑推荐】

    1. jQuery调用WCF服务传递JSON对象
    2. 学习jQuery必须知道的几种常用方法
    3. 用XML+XSLT+CSS+JQuery组建ASP.NET网站
    4. JQuery ID选择器中的不能包含特殊字符的处理
    5. 使用jQuery和PHP构建一个受Ajax驱动的Web页面

    相关内容

    热门资讯

    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
    20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
    德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
    为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
    《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
    2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...