手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >ajax 数据库中随机读取5条数据动态在页面中刷新
ajax 数据库中随机读取5条数据动态在页面中刷新
摘要:不能用数据库中的Top,后面发现了用这样一个方法可以实现。。。现就这个方法总结写了一个页面。有兴趣的朋友们可以一起学习下。。。。前台代码:复...

不能用数据库中的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 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><tr><td colspan='3'>动态刷新用户信息</td></tr><tr><td>用户名</td><td>用户全名</td><td>电子油箱</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><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条数据动态在页面中刷新1

【ajax 数据库中随机读取5条数据动态在页面中刷新】相关文章:

ajax接收Date类型的数据时会把数据转换为时间戳

ajax同步验证单号是否存在的方法

ajax 技术和原理分析

Ajax获取数据然后显示在页面的实现方法

浅谈Ajax技术实现页面无刷新

ajax实现session不过期(避免页面过期的现象)

Ajax读取XML实现动态下拉导航

ajax 动态传递jsp等页面使用id辨识传递对象

IE8用ajax访问不能每次都刷新的问题

ajax异步请求刷新

精品推荐
分类导航