控件中国网现已改版,您看到的是老版本网站的镜像,系统正在为您跳转到新网站首页,请稍候.......
中国最专业的商业控件资讯网产品咨询电话:023-67870900 023-67871946
产品咨询EMAIL:SALES@COMPONENTCN.COM

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

作者:柯南 出处:博客园 2010年02月02日 阅读:

今天想起接触WCF(Windows Communiction Foundation),开始弄个很小的例子。

1.建立WCF project

image

默认的方法改为

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>
        WCF</h2>
        <%using (Html.BeginForm())
          { %>
    <div id="divResult">
        <h3>
            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.编写等待的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.结果

image

image

热推产品

  • ActiveReport... 强大的.NET报表设计、浏览、打印、转换控件,可以同时用于WindowsForms谀坔攀戀Forms平台下......
  • AnyChart AnyChart使你可以创建出绚丽的交互式的Flash和HTML5的图表和仪表控件。可以用于仪表盘的创......
首页 | 新闻中心 | 产品中心 | 技术文档 | 友情连接 | 关于磐岩 | 技术支持中心 | 联系我们 | 帮助中心 Copyright-2006 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 电话:023 - 67870900 传真:023 - 67870270 产品咨询:sales@componentcn.com 渝ICP备12000264号 法律顾问:元炳律师事务所 重庆市江北区塔坪36号维丰创意绿苑A座28-5 邮编:400020
在线客服
在线客服系统
在线客服
在线客服系统