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

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

1.建立WCF project

默认的方法改为

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>

时间: 2024-10-26 15:32:06

WCF初试,用JQuery实现loading的功能的相关文章

jquery显示loading图片直到网页加载完成的方法

  本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simpl

JQuery实现带排序功能的权限选择实例

  本文实例讲述了JQuery实现带排序功能的权限选择.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 7

js/jQuery简单实现选项卡功能

 本篇文章主要是对js/jQuery简单实现选项卡功能的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种方法是用原生的js代码如下:    代码如下: <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>简单选项卡</title>     <style type="text/css"

jquery禁用右键单击功能屏蔽F5刷新

 这篇文章主要介绍了jquery禁用右键单击功能屏蔽F5刷新的具体实现,需要的朋友可以参考下 1.禁用右键单击功能   代码如下: $(document).ready(function() {  $(document).bind("contextmenu",function(e) {  alert("sorry! No right-clicking!");  return false;  });  });    2.屏蔽F5刷新  复制代码$(document).r

JQuery实现带排序功能的权限选择实例_jquery

本文实例讲述了JQuery实现带排序功能的权限选择.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

jquery显示loading图片直到网页加载完成的方法_jquery

本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simple Loader</title> <style> /* This only works with JavaScript, if it'

jqm缓存-jquery mobile 的缓存功能的作用

问题描述 jquery mobile 的缓存功能的作用 jquery mobile 的页面缓存功能有什么做用呢?能否做到js,css及图片的访问在关闭浏览器重新打开访问的缓存呢. 解决方案 这个是看你怎么在html中的header标签中定义资源过期时间的!

手动实现jQuery Tools里面tab功能

平时开发中用的Javascript类库都是 jQuery,用到插件或者第三方类库能从jQuery Tools里面找到,基本不用其他的.当然有时同事喜欢使用jQuery UI里面的插件.并且jQuery Tools里面的插件和jQuery UI里面的插件还会出现冲突.这个事情就不舒服了.不过基本开发之前就确定好用哪个类库,免得后期开发中因为冲突的增加,增加项目的开发周期和开发成本. 当然如果你掌握好jQuery Tools里面的插件,有些功能和效果很快就开发好了.之前一个项目,就只使用了jQuer

利用jquery.autocomplete自动完成功能实现百度搜索下拉功能

利用jquery.autocomplete自动完成功能实现百度搜索下拉功能 --> <script language="网页特效" src="jquery.autocomplete.js"></script> <script> $().ready(function() {  $("#borough_name").autocomplete("z.php教程", {   minchars: