`
baobaoupup
  • 浏览: 483164 次
文章分类
社区版块
存档分类
最新评论

ajax从数据库中随机读取5条数据动态在页面中刷新

 
阅读更多

以下是我在此编写一个程序时的时刻所遇到的问题。因为一开始经理给我分配了要我写一个在页面上动态的显示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();
}
}效果图

分享到:
评论

相关推荐

    ajax_数据库中随机读取5条数据动态在页面中刷新

    在本文中,我们将深入探讨如何使用Ajax从数据库中随机读取5条数据并在网页上动态刷新。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下更新部分网页的技术,它通过JavaScript与服务器...

    ajax 数据库中随机读取5条数据动态在页面中刷新

    在本例中,AJAX用于从服务器动态获取数据,并更新页面上的div元素。 2. 使用jQuery进行AJAX请求 jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互。通过...

    PHP实例开发源码—PHP+MYSQL实现Ajax图片随机载入及提示特效.zip

    这个项目的核心在于动态加载数据,提升用户体验,同时利用Ajax避免页面刷新,保持用户界面的流畅性。 首先,让我们了解一下PHP。PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端脚本语言,特别适用于...

    基于PHP的Google Wave History Ajax无刷新评论带头像.zip

    在Web开发中,无刷新评论系统提高了用户体验,因为它允许用户在不重新加载整个页面的情况下查看和提交新的评论。 【描述】中提到的"基于PHP的Google Wave History Ajax无刷新评论带头像.zip"进一步强调了这个项目的...

    基于PHP的NoFive Zone! Ajax无刷新的php留言本.zip

    在【压缩包子文件的文件名称列表】中,我们只有一个文件名 "132698983295540026",这看起来像是一个随机生成的数字或时间戳,可能是源代码文件、数据库备份或者日志文件。通常,在一个PHP项目的压缩包中,我们可能会...

    PHP实例开发源码—Google Wave History Ajax无刷新评论带头像.zip

    5. **数据库交互**:评论数据通常存储在数据库中,PHP通过SQL查询和操作来实现数据的添加、读取和更新。 6. **前端开发**:包括HTML、CSS和JavaScript的编写,构建用户界面,实现Ajax请求和反馈的处理。 7. **后端...

    ASP实例开发源码—AJAX简单分类程序 (asp+access).zip

    AJAX允许在不刷新整个页面的情况下,通过异步方式与服务器交换数据,从而提高用户体验。 首先,我们来看ASP的核心概念。ASP运行在服务器端,当用户请求一个ASP页面时,服务器会执行该页面上的脚本,并将结果返回给...

    PHP+Ajax网站开发典型实例

    第8章 Ajax数据库操作 实例63 显示数据库系统信息 实例64 实现数据库常见操作 实例65 完成数据库多种查询显示 实例66 数据库记录自动提示 实例67 AjaX实现数据记录排序 实例68 局部动态更新数据 实例69 AjaX+...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    程序描述:本章将使用Ajax技术实现动态获取数据的树状菜单。当展开菜单时,自动向服务器发送请求,查询该菜单下的子菜单,并在客户端显示子菜单,而无需刷新整个页面。 /simpleTree.jsp 简单树 /staticTree....

    PHP+Ajax网站开发典型实例-源代码

    实例3 中文时间显示实例 实例4 删除字符串中的空白 实例5 字符串反转 实例6 字符串加密 实例7 检查日期的有效性 实例8 简单猜数游戏 ...第8章 Ajax数据库操作 第9章 Ajax时尚技术 第10章 Ajax实现综合实例

    基于ASP的SipoAutoSaver V3.0 基于Ajax的网站通用草稿自动保存系统.zip

    它允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。Ajax的核心是JavaScript,通过XMLHttpRequest对象与服务器进行异步通信,同时利用DOM(Document Object Model)来动态更新页面元素。 在本...

    ASP实例开发源码-轩魂国度ajax聊天系统.zip

    Ajax的核心在于JavaScript库和XMLHttpRequest对象,允许前端与服务器进行数据交换而无需整个页面刷新,从而实现了更流畅的交互。 在ASP(Active Server Pages)中,开发者可以使用VBScript或JScript脚本语言创建...

    源代码-ajax 即时聊天程序.zip

    5. **数据库操作**:如果聊天记录存储在数据库中,需要了解如何使用ASP与数据库(如SQL Server或MySQL)进行交互,执行CRUD操作(创建、读取、更新、删除)。 6. **前端UI设计**:使用HTML和CSS创建用户友好的聊天...

    ajax图片上传 ajaxPHPdemo图片异步上传

    AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个网页的情况下,与服务器交换数据并更新部分网页的技术。它通过JavaScript的XMLHttpRequest对象实现,可以发送异步HTTP请求到服务器,接收响应后在客户端...

    三层音乐源码 C# 开源 Ajax

    Ajax允许在不刷新整个页面的情况下,从服务器获取并更新部分内容,使得音乐播放、切换歌曲等功能更加流畅。 2. **业务逻辑层**:这部分负责处理业务规则和操作,例如用户登录验证、音乐搜索、播放列表管理等。在C#...

    抽签分组工具:可用于人员随机分组和人员随机顺序抽签 抓阄分组

    在这个抽签分组工具中,人员名单可能存储在数据库中,通过ADO.NET,我们可以方便地读取、更新和管理这些数据,实现动态分组。 再者,安全性考虑。ASP.NET提供了多种内置的安全机制,如身份验证、授权和加密服务,...

    基于ssm+mysql的无纸化考试模拟系统源码数据库论文.docx

    4. 采用Ajax技术实现页面局部刷新,提升用户体验。 5. 采用MVC设计模式,分离业务逻辑、数据访问和用户界面,使系统结构清晰,易于扩展。 五、系统优化与安全 1. 数据加密:对用户敏感信息如密码进行加密存储,保障...

Global site tag (gtag.js) - Google Analytics