ajax分批更新，動態顯示進度

文章來源：http://www.w3dev.cn/article/20090710/438.aspx

　　使用Ajax分配更新數據庫信息，動態顯示更新進度。

　　適用於大批量更新，佔用時間較多的更新操作。使用ajax劃分爲小的單元，不需要一下佔用很多系統資源。

　　需要注意的是必須有一個自動增長的字段，值可以不連續。

　　示例是將一個字段的內容，包含HTML代碼的，先去掉html代碼，然後更新到該條記錄的另一個字段中。當然你可以把動態頁面的代碼修改爲生成靜態頁面或者什麼之類的操作。

　　運行結果如下所示～

下面爲部分代碼，完整代碼請點擊上面的連接下載

update.ashx

<%@ WebHandler Language="C#" Class="update" %> using System; using System.Web; using System.Data; using System.Data.OleDb; using System.Text.RegularExpressions; public class update : IHttpHandler { private bool IsInt(string v) { if (v == null) return false; v = v.Trim(); return Regex.IsMatch(v, @"^/d+$"); } private string RemoveHTML(string v) { if (v == null) return v; return Regex.Replace(v, "　| |&[a-z]+;|'|/"|,|，|//.|。|、|//-|:|：|<[^>]+>|//s", "", RegexOptions.Compiled | RegexOptions.IgnoreCase); } public void ProcessRequest(HttpContext context) { context.Response.Charset = "utf-8"; context.Response.ContentType = "text/html"; HttpRequest Request = context.Request; string rowIndex = Request.Form["ri"], mr = Request.Form["mr"], Sql = ""; int iRowIndex = 0, iMR = 10;//如果未傳遞每次生成多少行，則默認10行，如果處理的行號不爲整數，默認從第0行開始 if (IsInt(mr)) iMR = int.Parse(mr); if (IsInt(rowIndex)) iRowIndex = int.Parse(rowIndex); Sql = "select top " + iMR + " * from(select top " + (iMR * iRowIndex + iMR) + " [id],content from info order by [id])tmp order by [id] desc";//注意這裏取數據的方式 //==========注意修改驅動 OleDbConnection cn = new OleDbConnection("provider=microsoft.jet.oledb.4.0;data source=" + context.Server.MapPath("~/data.mdb")); cn.Open(); bool Ok = true; try { DataTable dt = new DataTable(); new OleDbDataAdapter(Sql, cn).Fill(dt); OleDbCommand cm = new OleDbCommand(); cm.Connection = cn; string tmp=""; //更新數據的操作，可以修改爲你需要的操作，如生成html頁面什麼的 foreach (DataRow dr in dt.Rows) { tmp = RemoveHTML(dr[1].ToString()); if (tmp.Length > 255) tmp = tmp.Substring(0, 255); cm.CommandText = "update info set purect='" + tmp + "' where [id]=" + dr[0]; cm.ExecuteNonQuery(); } dt.Dispose(); } catch { Ok = false; } cn.Close(); if (!Ok) throw new Exception("操作失敗~~~");//拋出錯誤，讓ajax重新執行當前操作 } public bool IsReusable { get { return false; } } }

ouput.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>ajax動態批量轉換動態</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body{font-size:14px;} #proMain{border:solid 1px black;width:400px;height:20px;} #proMain div{height:100%;width:0%;background:red;color:white;overflow:hidden;line-height:20px;font-size:12px;text-align:center;} span.r{color:Red;}</style> <mce:script type="text/javascript" src="ajax.js" mce_src="ajax.js"></mce:script>  </head> <body> <h2>注意生成過程中不要刷新當前頁面，否則會導致重新生成~~~~~</h2> <input type="button" οnclick="this.disabled=true;exec();" value="開始生成" id="btnStart"/><br ><br > <div id="proMain"><div id="dvPro"></div></div><br > <div id="dvMsg"></div> <mce:script type="text/javascript"></mce:script> </body> </html>

支付寶加好友偷能量挖

發佈了36 篇原創文章 · 獲贊 5 · 訪問量 7萬+

私信關注

ajax分批更新，動態顯示進度

圖片無間隙滾動

Win2003 IIS6 asp aspnet安全詳細配置

ajax常見問題總結

使用alexa，google的api獲取alexa排名和google pr，分別使用了客戶端和服務器端的xhr請求

ajax分批更新，動態顯示進度

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結