繁體中文当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > ajax 数据库中随机读取5条数据动态在页面中刷新
- AJAX技术
- 一个简单的ASP+AJAX留言本源码下载
- IE7下ajax之open Method New的说明
- ASP+Ajax实现无刷新评论简单例子
- AJAX的阻塞及跨域名解析
- [js]一个获取页面ip的正则
- AJAX乱码解决新方法
- 也写一个Ajax.Request类附代码
- AJAX简历系统附js文件
- Ajax留言本源码 提供下载了
- 找到一款不错的基于AJAX留言板源码(PHP版、ASP版)提供下载了
- Ajax 学习资源 中外都有
- 本人ajax留言板的源程序 不错的应用js
- xmlhttp 乱码 比较完整的解决方法 (UTF8,GB2312 编码 解码)
- AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通
- AJAX缓存问题的两种解决方法(IE)
- AJAX 常用函数创建XMLHTTP对象，区别IE，Mozilla浏览器
- Ajax的小贴士使用小结
- 用ajax动态加载需要的js文件
- XMLHTTP多浏览器兼容性写法
- PJBLOG中用到的ajaxjs.几个简单的函数
AJAX技术 中的 ajax 数据库中随机读取5条数据动态在页面中刷新
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-13 浏览: 57 ::
收藏到网摘: n/a
以下是我在此编写一个程序时的时刻所遇到的问题。因为一开始经理给我分配了要我写一个在页面上动态的显示5条数据。 不能用数据库中的Top,后面发现了用这样一个方法可以实现。。。现就这个方法总结写了一个页面。有兴趣的朋友们可以一起学习下。。。。
前台代码：
复制代码 代码如下:
<%@ 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随机生成数据</title>
<script language="javascript" type="text/javascript" src="ajax/jquery.js"></script>
<script >
//页面的初始化
$(document).ready(function(){randomData()});
//页面初始化函数
function randomData()
{
$.ajax({
type:'POST',
url:'ajaxRandomData.aspx',
data:{action:'randon'},
success:randomDatacallbace
});
}
// 页面初始化回调函数
function randomDatacallbace(data)
{
if(data=="")
{
alert("暂时不能为您生成数据");
$("#randomData").html("暂时不能为您生成数据");
}
else
{
$("#randomData").html(data);
randomtime();//每隔5秒钟执行一次
}
}
//动态变化页面中显示的数据。
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>
///创建人：周昕
/// 创建时间：2009-6-9
/// 方法名称：InitData
/// 方法作用：动态的生成表格并随机的生成5条数据
/// </summary>
public void InitData()
{
SqlConnection mycon = new SqlConnection();
mycon.ConnectionString = ConfigurationManager.ConnectionStrings["BoBoConn"].ToString();
//随机生成数据的关键
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'>动态刷新用户信息</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();
}
}
效果图
评论 (0) All
