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. laravel表单验证

    效果展示:         代码 实现: 后台: use Validator; public function login() { if($input = Input::all()){ //验证提交的 ...

  2. iOS---------- MBProgressHUD (1.0.0)的变动

    1.改变菊花的颜色 //    hud.color = [UIColor blackColor];-------------->  hud.bezelView.color =[UIColor b ...

  3. Python高级特性：切片

    切片的目的是实现取一个list或tuple的部分元素 学习自廖雪峰,个人理解如下: 取列表L的前三个元素 >>> L = ['Michael', 'Sarah', 'Tracy', ...

  4. Android为TV端助力 帧动画

    首先在res/drawable/name1.xml/定义一组图片集合: <?xml version="1.0" encoding="utf-8"?> ...

  5. 【效率工具】史上最好用的SSH一键登录脚本，第三版更新！

    说明 时隔一周,GotoSSH又迎来了一次重大更新,让这个史诗级的shell工具变得更加丝般顺滑了~ 这次的主要更新是对自定义全局命令以及自定义属性的支持,让设置更加灵活,此外,对各个细节进行了调整, ...

  6. CSS回顾（常见问题解决）

    一.margin的塌陷解决: BFC (block format context)块级格式化上下文格式 display:inline-block float:left / right overflow ...

  7. springboot 学习之路 5（打成war包部署tomcat）

    目录:[持续更新.....] spring 部分常用注解 spring boot 学习之路1(简单入门) spring boot 学习之路2(注解介绍) spring boot 学习之路3( 集成my ...

  8. 使用VSTS的Git进行版本控制（三）——评审历史记录

    使用VSTS的Git进行版本控制(三)--评审历史记录 Git使用存储在每个提交中的父引用信息来管理开发的完整历史记录.评审该提交历史记录,能够找出文件更改的时间,并确定代码版本之间的差异. Git使 ...

  9. Mac上一条命令搭建web服务器

    实际测试工作中偶尔会需要搭建Web服务器环境,由于Mac OS X自带了Apache和PHP环境,只需要简单的启动就可以. 开启Apache 开启Web服务器的方法有两种(默认启动端口号是80): 打 ...

  10. realloc 用方法

    realloc 用方法 void* realloc(void*, n) 根据n的大小,如果n比较小,就沿用原来的内存地址(也就是返回的地址就是原来的地址),在原来地址的内存空间的最后面,加上n大小的内 ...