ajax 數(shù)據(jù)庫中隨機讀取5條數(shù)據(jù)動態(tài)在頁面中刷新

更新時間：2009年06月12日 19:32:34 作者：

以下是我在此編寫一個程序時的時刻所遇到的問題。因為一開始經(jīng)理給我分配了要我寫一個在頁面上動態(tài)的顯示5條數(shù)據(jù)。

不能用數(shù)據(jù)庫中的Top,后面發(fā)現(xiàn)了用這樣一個方法可以實現(xiàn)。?！，F(xiàn)就這個方法總結(jié)寫了一個頁面。有興趣的朋友們可以一起學習下。。。。
前臺代碼：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxRandomData.aspx.cs" Inherits="ajaxRandomData" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>ajax隨機生成數(shù)據(jù)</title> 
<script language="javascript" type="text/javascript" src="ajax/jquery.js"></script> 
<script > 
//頁面的初始化 
$(document).ready(function(){randomData()}); 
//頁面初始化函數(shù) 
function randomData() 
{ 
$.ajax({ 
type:'POST', 
url:'ajaxRandomData.aspx', 
data:{action:'randon'}, 
success:randomDatacallbace 
}); 
} 
// 頁面初始化回調(diào)函數(shù) 
function randomDatacallbace(data) 
{ 
if(data=="") 
{ 
alert("暫時不能為您生成數(shù)據(jù)"); 
$("#randomData").html("暫時不能為您生成數(shù)據(jù)"); 
} 
else 
{ 
$("#randomData").html(data); 
randomtime();//每隔5秒鐘執(zhí)行一次 
} 
} 
//動態(tài)變化頁面中顯示的數(shù)據(jù)。 
function randomtime() 
{ 
setTimeout(function(){randomData()},2000) 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div style="text-align:center" id="randomData"> 
</div> 
</form> 
</body> 
</html>

后臺代碼：

復制代碼代碼如下:

using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
using System.Data.SqlClient; 
using System.Text; 
public partial class ajaxRandomData : System.Web.UI.Page 
{ 
string StrAction = ""; 
protected void Page_Load(object sender, EventArgs e) 
{ 
StrAction=Request["action"]; 
if(StrAction=="randon") 
{ 
InitData(); 
} 
} 
/// <summary> 
///創(chuàng)建人：周昕 
/// 創(chuàng)建時間：2009-6-9 
/// 方法名稱：InitData 
/// 方法作用：動態(tài)的生成表格并隨機的生成5條數(shù)據(jù) 
/// </summary> 
public void InitData() 
{ 
SqlConnection mycon = new SqlConnection(); 
mycon.ConnectionString = ConfigurationManager.ConnectionStrings["BoBoConn"].ToString(); 
//隨機生成數(shù)據(jù)的關(guān)鍵 
string sql = "select top 5 *,newid() from loginuser order by newid()"; 
SqlDataAdapter myda = new SqlDataAdapter(sql, mycon); 
DataSet myset = new DataSet(); 
myda.Fill(myset); 
DataTable mytable = myset.Tables[0]; 
int n = mytable.Rows.Count; 
StringBuilder str = new StringBuilder(); 
str.Append("<table style='text-align:left;color:red;width:600px'><tr style='color:#00FF00;font-size:40px;text-align:center'><td colspan='3'>動態(tài)刷新用戶信息</td></tr><tr style='color:#6600FF'><td style='text-align:left;width:100px'>用戶名</td><td style='text-align:left;width:200px'>用戶全名</td><td style='width:250px'>電子油箱</td></tr>"); 
for (int i = 0; i < n; i++) 
{ 
string username = mytable.Rows[i]["username"].ToString(); 
string fullname = mytable.Rows[i]["FullName"].ToString(); 
string email = mytable.Rows[i]["Email"].ToString(); 
if (i % 2 != 0) 
{ 
str.Append("<tr><td>" + username + "</td>"); 
str.Append("<td>" + fullname + "</td>"); 
str.Append("<td>" + email + "</td></tr>"); 
} 
else 
{ 
str.Append("<tr style='color:blue'><td>" + username + "</td>"); 
str.Append("<td>" + fullname + "</td>"); 
str.Append("<td>" + email + "</td></tr>"); 
} 
} 
str.Append("</table>"); 
Response.Clear(); 
Response.ContentType = "application/text"; 
Response.Write(str); 
Response.End(); 
} 
}