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. adb for mac

    1.Install homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/mas ...

  2. 6个小而美的es6新特性

    译者:动静若参商 译文:http://www.zcfy.cc/article/1795 原文:https://davidwalsh.name/es6-features JavaScript社区中的每个 ...

  3. 2018-10-08 Java源码英翻中进展-内测上线

    创建了一个子域名: http://translate.codeinchinese.com/ 欢迎试用, 如有建议/发现问题欢迎在此拍砖: program-in-chinese/code_transla ...

  4. TS学习随笔（二)->类型推论，联合类型

    这篇内容指南:        -----类型推论  -----联合类型 类型推论 第一篇中我们看了TS的基本使用和基本数据类型的使用,知道了变量在使用的时候都得加一个类型,那我们可不可以不加呢,这个嘛 ...

  5. C#:如何使方法过时，如何否决方法

    在使用.Net Frameworkd进行开发时,经常可以在方法的智能提示ToolTip上面看到一个方法是[否决的],如图: 或者在警告里面: 甚至使用[否决的]方法的时候还会造成编译错误: 上面的这些 ...

  6. CSS布局---居中方法

    在web页面布局中居中是我们常遇到的情况,而居中分为水平居中与垂直居中 文本的居中 CSS中对文本的居中做的非常友好,我们是需要text-align, line-height 两个属性就可以控制文本的 ...

  7. 账号配置vue版本的扫码下单以及对店铺进行装修的步骤

    新版vue配置说明文档 管理员后台: 1.配置管理-店铺配置(子账号)-扫码点餐tab页-开启vue版 2.配置管理-店铺配置(主账号)-扫码点餐tab页-开通装修配置 商家后台: 1.主账号-门店设 ...

  8. ntohs, ntohl, htons,htonl对比

    ntohs =net to host short int 16位htons=host to net short int 16位ntohl =net to host long int 32位htonl= ...

  9. python----csv的使用

    详细的内容参考:https://docs.python.org/2/library/csv.html#module-csv 打开csv # -*- coding: utf8 -*- import cs ...

  10. scrapy入门:安装scrapy

    1.安装Scrapy pip 安装: pip install scrapy 要求pip至少是18.1版本的,10.x版本会提示更新pip 更新pip命令: python -m pip install ...