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

2016-02-19 11:00 83 1 收藏

下面图老师小编跟大家分享ajax 数据库中随机读取5条数据动态在页面中刷新,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

不能用数据库中的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"
titleajax随机生成数据/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/trtr style='color:#6600FF'td style='text-align:left;width:100px'用户名/tdtd style='text-align:left;width:200px'用户全名/tdtd 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("trtd" + 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();
}
}

效果图

来源:https://www.tulaoshi.com/n/20160219/1596338.html

延伸阅读
标签: ASP
  注意的是你也可以从一个文件中新建一个位图对象,但使用这样 的方式保存在数据库中的图形格式是浏览器不能够识别的。 当你往数据库中保存图象时,你应该知道你需要使用什么格式来保存 你可以把文件中的每一个字节保存下来,或则通过ACCESS/Foxpro的把图形保存 为一个OLE格式。 你使用什么格式保存图象决定了你在ASP中用什么格式来读出图...
完整性约束 完整性约束用于增强数据的完整性,Oracle提供了5种完整性约束: Check NOT NULL Unique Primary Foreign key 完整性约束是一种规则,不占用任何数据库空间。完整性约束存在数据字典中,在执行SQL或PL/SQL期间使用。用户可以指明约束是启用的还是禁用的,当约束启用时,他增强了...
大家都知道,数据库的安全性是很重要的,它直接影响到数据库的广泛应用。用户可以采用任意一种方法来保护数据库应用程序,也可以将几种方法结合起来使用。利用Access数据库自身提供的加密功能及其他保护方法是很容易的,我就不多说了。在Access数据库中,嵌入了一种很强的数据库操作语言——Visual Basic语言,所以可以采用Visual Basic编写程...
在Internet上运作数据库经常会有这样的需求:把遍布全国各城市相似的数据库应用统一起来,一个节点的数据改变不仅体现在本地,还反映到远端。复制技术给用户提供了一种快速访问共享数据的办法。 一、实现数据库复制的前提条件 1、数据库支持高级复制功能 您可以用system身份登录数据库,查看v$option视图,如果其中Advanced...
/* * 创建日期 2005-9-27 * * TODO 要更改此生成的文件的模板,请转至 * 窗口 - 首选项 - Java - 代码样式 - 代码模板 */ package person.fane.test; import java.sql.*; /** * A JDBC test application for Oracle * @author Fane * @version 1.0.0 * @since JDK1.4 */ ...

经验教程

165

收藏

26
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部