ASP.Net：Javascript 通过PageMethods 调用后端WebMethod方法 + 多线程数据处理 示例

2012年04月27日 16:59:16 奋斗的小壁虎 阅读数：4500
 
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chz_cslg/article/details/7517751

背景：项目中有这样一个业务处理过程。1、上传一个文件； 2、上传完，读取该文件并对其里面大数据进行逐行多字段格式验证、并且做一些复杂的业务处理等。最终将处理后数据写入数据库中。一般做法：上传、读取、解析、验证、保存等操作一并完成。但因为文件数据量大，导致使用一般方法处理整个过程耗时太长，并且会出现超时页面不响应等情况。在同事的建议下，能否步骤处理（上传与后续所有操作分开处理），并使用多线程（读取、解析、验证、保存等操作）。思路有了，就等待实践验证了。在同事多方努力下，大功告成。时间上确实快很多，并且也不会看见浏览器一直等待的状况。

实际项目代码就不写出了，把其中思路整理成一个Demo，供观客参考使用。

铺垫有点长了，下面就贴代码了。

前端代码：

  1.  
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ScriptWebMethods._Default" %>
  2.  
     
  3.  
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
    <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
    <head runat="server">
  6.  
    <title></title>
  7.  
     
  8.  
    <script type="text/javascript">
  9.  
    var clearSetInterval;
  10.  
    function ProccessData() {
  11.  
    document.body.style.cursor = "wait"; //让鼠标呈现沙漏状
  12.  
    clearSetInterval = setInterval("getMessage()", 1000); //每隔一秒读取一次
  13.  
    }
  14.  
     
  15.  
    function getMessage() {
  16.  
    PageMethods.GetStatusMessage(showMessage); //掉用页面后端方法。 注意：这里方法调用及传参有点奇怪，是倒过来的。
  17.  
    }
  18.  
     
  19.  
    function showMessage(statusValue) {
  20.  
    if (statusValue == "success") {
  21.  
    document.getElementById('divResult').innerHTML = statusValue;
  22.  
    clearInterval(clearSetInterval); //清除计时
  23.  
    document.body.style.cursor = "default"; //鼠标回到默认状
  24.  
    }
  25.  
    }
  26.  
     
  27.  
    </script>
  28.  
     
  29.  
    </head>
  30.  
    <body style="height:600px;">
  31.  
    <form id="form1" runat="server">
  32.  
    <div>
  33.  
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
  34.  
    </asp:ScriptManager>
  35.  
    <table style="width: 100%;">
  36.  
    <tr>
  37.  
    <td>
  38.  
    <div id="divResult" style="border: 1px solid red; height: 30px; width: 100px; padding:4px;">
  39.  
    </div>
  40.  
    </td>
  41.  
    </tr>
  42.  
    <tr>
  43.  
    <td>
  44.  
    <asp:Button ID="btnProccessData" runat="server" Text="ProccessData" OnClick="btnProccessData_Click" />
  45.  
    </td>
  46.  
    </tr>
  47.  
    </table>
  48.  
    </div>
  49.  
    </form>
  50.  
    </body>
  51.  
    </html>

后端代码：

  1.  
    using System;
  2.  
    using System.Collections.Generic;
  3.  
    using System.Linq;
  4.  
    using System.Web;
  5.  
    using System.Web.UI;
  6.  
    using System.Web.UI.WebControls;
  7.  
     
  8.  
    namespace ScriptWebMethods
  9.  
    {
  10.  
    public partial class _Default : System.Web.UI.Page
  11.  
    {
  12.  
    protected void Page_Load(object sender, EventArgs e)
  13.  
    {
  14.  
     
  15.  
    }
  16.  
     
  17.  
    /// <summary>
  18.  
    /// 提交处理
  19.  
    /// </summary>
  20.  
    /// <param name="sender"></param>
  21.  
    /// <param name="e"></param>
  22.  
    protected void btnProccessData_Click(object sender, EventArgs e)
  23.  
    {
  24.  
    ProccessThread thread = new ProccessThread();
  25.  
    thread.State = "false";
  26.  
    thread.RunProccess();
  27.  
     
  28.  
    Session["ProccessThread"] = thread; //把线程处理实例塞给Session，保证数据同步
  29.  
    ClientScript.RegisterStartupScript(this.GetType(), "RunProccess", "ProccessData();", true);
  30.  
    }
  31.  
     
  32.  
     
  33.  
    [System.Web.Services.WebMethod]
  34.  
    public static string GetStatusMessage()
  35.  
    {
  36.  
    //从Session取出线程中实时状态数据判断是否处理完成
  37.  
    ProccessThread thread = HttpContext.Current.Session["ProccessThread"] as ProccessThread;
  38.  
    return thread.State;
  39.  
    }
  40.  
    }
  41.  
    }

线程处理类：

  1.  
    using System;
  2.  
    using System.Collections.Generic;
  3.  
    using System.Linq;
  4.  
    using System.Web;
  5.  
    using System.Threading;
  6.  
     
  7.  
    namespace ScriptWebMethods
  8.  
    {
  9.  
    public class ProccessThread
  10.  
    {
  11.  
    public string State { set; get;}
  12.  
     
  13.  
    /// <summary>
  14.  
    ///
  15.  
    /// </summary>
  16.  
    public void RunProccess()
  17.  
    {
  18.  
    State = "false";
  19.  
    Thread thread = new Thread(ProccessData); //启动一个线程处理
  20.  
    thread.Start();
  21.  
    }
  22.  
     
  23.  
    /// <summary>
  24.  
    /// 处理数据
  25.  
    /// </summary>
  26.  
    private void ProccessData()
  27.  
    {
  28.  
    //这里你可以做繁杂的业务数据处理：读取文件处理
  29.  
    for (int i = 0; i < (100000000 + 1); i++)
  30.  
    {
  31.  
    if (i == 1000000)
  32.  
    {
  33.  
    State = "success";
  34.  
    }
  35.  
    }
  36.  
    }
  37.  
    }
  38.  
    }

如果过程中遇到“PageMethods 未定义错误”，可能导致原因：

1、前端页面ScriptManager 属性EnablePageMethods一定要设置成 true；

2、后端WebMethod方法设成：public static；

3、后端WebMethod方法加特性：[System.Web.Services.WebMethod]；

4、检查web.config中是否加入对于asp.net ajax的支持的代码。

望对您有所帮助。O(∩_∩)O~

Kevin.Chen

2012-04-27  于苏州太仓

ASP.Net：Javascript 通过PageMethods 调用后端WebMethod方法 + 多线程数据处理 示例的更多相关文章

  1. JavaScript文件中调用AngularJS内部方法或改变$scope变量

    需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...

  2. Asp.net Ajax提供PageMethods调用

    页面上的Javascript通过ASP.NET AJAX除了可以调用Web服务类,还可以调用网页中的静态方法. <%@ Page Language="C#" %> &l ...

  3. 前端调用后端的方法(基于restful接口的mvc架构)

    1.前端调用后台: 建议用你熟悉的一门服务端程序,例如ASP,PHP,JSP,C#这些都可以,然后把需要的数据从数据库中获得,回传给客户端浏览器(其实一般就是写到HTML中,或者生成XML文件)然后在 ...

  4. FIREDAC调用中间件远程方法查询数据示例

    服务端使用FDQUERY查询数据并返回TDATASET: function TServerMethods1.GetData(var sql: string): tdataset;begin qry.C ...

  5. asp.net javascript客户端调用服务器端方法

    如何用js调用服务器端方法.首先服务器端方法的格式如下 [System.Web.Services.WebMethod]        public static void serverMethod(s ...

  6. [ASP.NET]JQuery直接调用asp.net后台WebMethod方法

    在项目开发碰到此类需求,特此记录下经项目验证的方法总结. 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用 注意:方 ...

  7. C#后端调用前端的方法

    在我实际开发过程中,刚好遇到c#后端要调用前端js中的方法,所以研究了一下,特分享如下: 前端代码: <%@ Page Language="C#" AutoEventWire ...

  8. Javascript调用C#后台方法及JSon解析

    Javascript调用C#后台方法及JSon解析   如何使用Ajax 调用C# 后台方法. 本文目录 如何使用Ajax 调用C# 后台方法. 1.后台(.cs)测试方法 2.前台调用(javasc ...

  9. 用juery的ajax方法调用aspx.cs页面中的webmethod方法示例

    juery的ajax调用aspx.cs页面中的webmethod方法:首先在 aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性,具体实现如下,感兴趣的朋友可以参考下哈,希望对大 ...

随机推荐

  1. idea输入法不跟随解决办法

    最近使用idea开发项目,遇到输入法不跟随的问题,自己动手解决了下 idea输入法不跟随解决办法: 1):系统:windows10 版本:idea2017.2 解决办法:使用QQ输入法 2):系统:w ...

  2. 在 ELK Docker 容器中查看，删除索引

    使用 Docker 搭建好 ELK ( https://www.cnblogs.com/klvchen/p/9268510.html ) 环境后,如需查看 elasticsearch 的索引可采取以下 ...

  3. JavaScript 基础(二) - 创建 function 对象的方法, String对象, Array对象

    创建 function 对象的两种方法: 方式一(推荐) function func1(){ alert(123); return 8 } var ret = func1() alert(ret) 方 ...

  4. 洛谷P4841 城市规划(生成函数 多项式求逆)

    题意 链接 Sol Orz yyb 一开始想的是直接设\(f_i\)表示\(i\)个点的无向联通图个数,枚举最后一个联通块转移,发现有一种情况转移不到... 正解是先设\(g(n)\)表示\(n\)个 ...

  5. maven 继承

    一个 maven 项目可以继承另一个 maven 的依赖, 称为子项目 父项目 使用场景: 多个子项目都需要某些依赖, 就可以把子项目共同的依赖抽取到父项目中, 子项目通过继承得到这些依赖, 这样也更 ...

  6. Android6.0 源码修改之屏蔽系统短信功能和来电功能

    一.屏蔽系统短信功能 1.屏蔽所有短信 android 4.2 短信发送流程分析可参考这篇 戳这 源码位置 vendor\mediatek\proprietary\packages\apps\Mms\ ...

  7. 算法：输入一个链表，输出该链表中倒数第k个结点。

    算法:输入一个链表,输出该链表中倒数第k个结点.<剑指offer> 思路加到注释里面了: 1:两个if判断是否返回值为空,首个为空,没有第k个值: 2:for循环找到倒数第k个值,返回为a ...

  8. 扩展Linux磁盘空间

    适用于虚拟机内系统HyperV/Centos7已测 先为虚拟磁盘扩容,比如10G加到20G 最好进入单用户模式:init 1 进入管理UI:fdisk -l /dev/sda依次n {new part ...

  9. Web前端：博客美化：二、鼠标特效

    1.获取JS权限 因为是js代码所以需要放在 侧边栏公告 里 没开通之前,有一个申请的链接,点击即可,我是第二天才看到过审的 ^-^ 2.Ctrl+C.Ctrl+V 数组里的文字随自己心情啦 另:30 ...

  10. VS调试IDAPython脚本

    本文最后修改时间:20180213 1.安装VS插件PTVS , 这一步与第2步中安装版本应该一致,否则最后调试时会连不上 https://github.com/Microsoft/PTVS/ 2.安 ...