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. 发现一个微博图床API和图片上传代码

    网上寻到一款微博图床的插件,然后顺藤摸瓜找到了原作者的API代码. API文件: <?php /** * 上传图片到微博图床 * @author Youngxj & mengkun &a ...

  2. 大事记 - 安卓微信浏览器 video 标签层级过高

    // 为什么叫<大事记>? // 以前总有面试官问这样一个问题:“你在项目中遇到过最头疼的问题是什么,是怎么解决的?” // 当时总觉得,已解决的问题都算不上头疼,所以回答总是不尽人意. ...

  3. BUG -Failed to compile.

    检查代码发现: 图片的路径写错了 改回正确路径页面可以正常显示

  4. for、for / in循环

    1.for循环 循环代码块一定的次数 <!DOCTYPE html> <html lang="en" dir="ltr"> <he ...

  5. POJ3683 Priest John's Busiest Day(2-SAT)

    Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 11049   Accepted: 3767   Special Judge ...

  6. [ORACLE]ORA-28002 The password will expire within 7 days.将不能登录系统

    错误“ORA-28002 The password will expire within 7 days.  Cannot logon to the database“当在进程调度器上运行AE程序可能遇 ...

  7. Dynamics 365 Online-Unified User Interface

    为了加强界面的一致性,提高用户体验,Dynamics 365 Online V9发布了新的Interface:Unified User Interface. 区别于旧的Regular UI,UUI自适 ...

  8. 如何获取view的大小

    很多初学者都会犯一个错误 ,就是在onCreate或者onStart里面去获取view的大小,然而这样获取到的宽高通常都是0,为什么呢?因为view的测量过程和activity的生命周期不是同步的,因 ...

  9. MySql数据库实现分布式的主从结构

    最近学习了关于使用MySql数据的实现主动结构的原理,在以前的并发访问低的场景一下,一般一台性能高的服务器作为一个MySql数据,就可以满足业务的增删改查场景,但是随着网络用户的增加 当出现高并发,高 ...

  10. Android为TV端助力 自定义动画

    android自定义动画注意是继承Animation,重写里面的initialize和applyTransformation,在initialize方法做一些初始化的工作,在applyTransfor ...