亚洲综合原千岁中文字幕_国产精品99久久久久久久vr_无码人妻aⅴ一区二区三区浪潮_成人h动漫精品一区二区三

主頁 > 知識庫 > asp.net 使用js分頁實(shí)現(xiàn)異步加載數(shù)據(jù)

asp.net 使用js分頁實(shí)現(xiàn)異步加載數(shù)據(jù)

熱門標(biāo)簽:騰訊地圖標(biāo)注手機(jī) 昆明語音電銷機(jī)器人價格 柳州電銷機(jī)器人公司 400電話如何申請取消 太原400電話上門辦理 百度地圖怎樣做地圖標(biāo)注 浦發(fā)電話機(jī)器人提醒還款 征途美甲店地圖標(biāo)注 電銷語音機(jī)器人型號參數(shù)
1、準(zhǔn)備工作

引入“jquery-1.8.3.min.js”,AjaxPro.2.dll”:用于前臺js調(diào)用后臺方法。

2、Web.config的配置
復(fù)制代碼 代碼如下:

?xml version="1.0" encoding="utf-8"?>
configuration>
connectionStrings>
clear/>
!-- 數(shù)據(jù)庫鏈接 -->
add name="connSwtLoginLog" connectionString="Server=DUWEI\SQL2005;Database=SwtLoginLog;user id=sa;password=111111;Connect Timeout=120;pooling=true;min pool size=5;max pool size=10"/>
/connectionStrings>
system.web>
compilation debug="true" targetFramework="4.0" />
!-- 頁面調(diào)用后臺方法 -->
httpHandlers>
add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
/httpHandlers>
/system.web>
/configuration>

3、目錄結(jié)構(gòu)
 

下面就直接上代碼了。

4、Login.aspx頁面代碼
復(fù)制代碼 代碼如下:

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="AspNet.Login" %>

!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>/title>
script src="js/jquery-1.8.3.min.js" type="text/javascript">/script>
script type="text/javascript">
function initTable(dt) {
var str = 'table border="1px">'
+ 'tr>'
+ 'td>'
+ 'LoginID'
+ '/td>'
+ 'td>'
+ 'SwtID'
+ '/td>'
+ 'td>'
+ 'UserName'
+ '/td>'
+ 'td>'
+ 'IP'
+ '/td>'
+ 'td>'
+ 'Address'
+ '/td>'
+ 'td>'
+ 'LogTime'
+ '/td>'
+ 'td>'
+ 'LogType'
+ '/td>'
+ '/tr>';
for (var i = 0; i dt.Rows.length; i++) {
str = str + 'tr>'
+ 'td>'
+ dt.Rows[i]['LoginID']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['SwtID']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['UserName']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['IP']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['Address'] + dt.Rows[i]['Address2']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['LogTime']
+ '/td>'
+ 'td>'
+ dt.Rows[i]['LogType']
+ '/td>'
+ '/tr>'
}
str = str + '/table>';
$("#d1").html(str);
}
function firtPage(page) {
$("#pageNo").text(page);
var dt = AspNet.Login.FindDate(page).value;
initTable(dt);
}
//定義一個當(dāng)前頁初始為1
var pageNo = 1;
//總頁數(shù)
var totalPage = %=pageCount %>;
function showContent(op) {
if (op == "first") {
pageNo = 1;
}
else if (op == "previous") {
if (pageNo > 1)
pageNo -= 1;
else
pageNo = 1;
}
else if (op == "next") {
if (pageNo totalPage - 1)
pageNo += 1;
else
pageNo = totalPage - 1;
}
else if (op == "last") {
pageNo = totalPage - 1;
}
else if(op=="jump"){
var jump = $("#jump").val();
if(jump1 || jump>totalPage){
pageNo = 1;
}else{
pageNo = jump;
}
}
else {
pageNo = 1;
}
firtPage(pageNo);
}
$(function () {
showContent("first");
});
/script>
/head>
body>
form id="form1" runat="server">
div id="d1" align="center">/div>
div align="center">
span id="sp_ShowContent">
第label id="pageNo">/label>頁|共%=pageCount%>頁
|a onclick="showContent('first');" href="javascript:void(0);">首頁/a>
|a onclick="showContent('previous');" href="javascript:void(0);">上一頁/a>
|a onclick="showContent('next');" href="javascript:void(0);">下一頁/a>
|a onclick="showContent('last');" href="javascript:void(0);">尾頁/a>
|跳到input id="jump"/>a onclick="showContent('jump');" href="javascript:void(0);">GO/a>
/span>
/div>
/form>
/body>
/html>

后臺代碼
復(fù)制代碼 代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using AspNet.service;

namespace AspNet
{
public partial class Login : System.Web.UI.Page
{
//測試用 沒頁2條數(shù)據(jù)
public int pageSize = 2;
public int pageCount;
public LoginLogService logService = new LoginLogService();
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(Login));
if (!IsPostBack)
{
pageCount = logService.PageCount(pageSize);
}
}
//AjaxPro具體使用方法可以網(wǎng)上例子很多
[AjaxPro.AjaxMethod]
public DataTable FindDate(int currentPage)
{
return logService.FindDate(pageSize, currentPage);
}
}
}

5、LoginLogService.cs
復(fù)制代碼 代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Data.SqlClient;

namespace AspNet.service
{
public class LoginLogService
{
public DataTable FindDate(int pageSize, int currentPage)
{

string sql = "SELECT LoginID,SwtID,UserName,IP,Address,Address2,LogTime,LogType FROM ( "
+ "SELECT * ,ROW_NUMBER() OVER(ORDER BY LoginID) AS columnNum FROM dbo.LoginLog ) a "
+ "WHERE a.columnNum BETWEEN @begin AND @end";
SqlParameter[] paras = new SqlParameter[]{new SqlParameter("@begin",pageSize * (currentPage-1)+1),
new SqlParameter("@end",pageSize * currentPage)};
DataTable dt = DBHelper.GetDataSet(sql, paras);
return DBHelper.GetDataSet(sql, paras);
}
public int PageCount(int pageSize)
{
string sql = "SELECT COUNT(1) FROM dbo.LoginLog";
int rowCount = int.Parse(DBHelper.GetDataSet(sql).Rows[0][0].ToString());
return rowCount % pageSize == 0 ? rowCount / pageSize : rowCount / pageSize+1;
}
}
}

6、Utils放著DBHelper.cs
復(fù)制代碼 代碼如下:

using System;
using System.Collections.Generic;
using System.Text;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

namespace AspNet
{
public static class DBHelper
{

private static SqlConnection connection;
public static SqlConnection Connection
{
get
{
string connectionString = ConfigurationManager.ConnectionStrings["connSwtLoginLog"].ConnectionString;
if (connection == null)
{
connection = new SqlConnection(connectionString);
connection.Open();
}
else if (connection.State == System.Data.ConnectionState.Closed)
{
connection.Open();
}
else if (connection.State == System.Data.ConnectionState.Broken)
{
connection.Close();
connection.Open();
}
return connection;
}
}

//ExecuteNonQuery方法是用來執(zhí)行insert、delete、update語句的,返回的是影響的行數(shù)
public static int ExecuteCommand(string safeSql)
{
SqlCommand cmd = new SqlCommand(safeSql, Connection);
int result = cmd.ExecuteNonQuery();
return result;
}

public static int ExecuteCommand(string sql, params SqlParameter[] values)
{
SqlCommand cmd = new SqlCommand(sql, Connection);
cmd.Parameters.AddRange(values);
return cmd.ExecuteNonQuery();
}


//ExecuteScalar()返回sql語句執(zhí)行后的第一行第一列的值,object類型
public static int GetScalar(string safeSql)
{
SqlCommand cmd = new SqlCommand(safeSql, Connection);
int result = Convert.ToInt32(cmd.ExecuteScalar());
return result;
}

public static int GetScalar(string sql, params SqlParameter[] values)
{
SqlCommand cmd = new SqlCommand(sql, Connection);
cmd.Parameters.AddRange(values);
int result = Convert.ToInt32(cmd.ExecuteScalar());
return result;
}

//ExecuteReader()返回一個Datareader對象,對象內(nèi)容是為與命令匹配的所有行,通常用于讀取數(shù)據(jù)
public static SqlDataReader GetReader(string safeSql)
{
SqlCommand cmd = new SqlCommand(safeSql, Connection);
SqlDataReader reader = cmd.ExecuteReader();
return reader;
}

public static SqlDataReader GetReader(string sql, params SqlParameter[] values)
{
SqlCommand cmd = new SqlCommand(sql, Connection);
cmd.Parameters.AddRange(values);
SqlDataReader reader = cmd.ExecuteReader();
return reader;
}

public static DataTable GetDataSet(string safeSql)
{
connection = Connection;
DataSet ds = new DataSet();
SqlCommand cmd = new SqlCommand(safeSql, Connection);
SqlDataAdapter da = new SqlDataAdapter(cmd);
da.Fill(ds);
cmd.Parameters.Clear();
return ds.Tables[0];
}

public static DataTable GetDataSet(string sql, params SqlParameter[] values)
{
DataSet ds = new DataSet();
SqlCommand cmd = new SqlCommand(sql, Connection);
cmd.Parameters.AddRange(values);
SqlDataAdapter da = new SqlDataAdapter(cmd);
da.Fill(ds);
cmd.Parameters.Clear();
return ds.Tables[0];
}

}
}

復(fù)制代碼 代碼如下:

數(shù)據(jù)表結(jié)構(gòu):pre code_snippet_id="274427" snippet_file_name="blog_20140404_6_6418355" name="code" class="plain">CREATE TABLE [dbo].[LoginLog](
[LoginID] [int] IDENTITY(1,1) NOT NULL,
[SwtID] [int] NULL,
[UserName] [nvarchar](255) COLLATE Chinese_PRC_CI_AS NULL,
[IP] [nvarchar](20) COLLATE Chinese_PRC_CI_AS NULL,
[Address] [nvarchar](255) COLLATE Chinese_PRC_CI_AS NULL,
[Address2] [nvarchar](255) COLLATE Chinese_PRC_CI_AS NULL,
[LogTime] [datetime] NULL,
[LogType] [int] NULL CONSTRAINT [DEFAULT_LoginLog_LogType] DEFAULT ((1)),
CONSTRAINT [PK_LoginLog_LoginID] PRIMARY KEY CLUSTERED
(
[LoginID] ASC
)WITH (PAD_INDEX = OFF, IGNORE_DUP_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY]/pre>
pre>/pre>
pre code_snippet_id="274427" snippet_file_name="blog_20140404_6_6418355" name="code" class="csharp">pre code_snippet_id="274427" snippet_file_name="blog_20140404_6_6418355" name="code" class="sql">pre code_snippet_id="274427" snippet_file_name="blog_20140404_6_6418355">/pre>
pre>/pre>
pre>/pre>
pre>/pre>
pre>/pre>
pre>/pre>

/pre>/pre>
您可能感興趣的文章:
  • asp.net下的異步加載
  • ASP.NET中AJAX的異步加載(Demo演示)

標(biāo)簽:新疆 白山 德陽 陽泉 天門 江蘇 張家界 蘭州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《asp.net 使用js分頁實(shí)現(xiàn)異步加載數(shù)據(jù)》,本文關(guān)鍵詞  asp.net,使用,分頁,實(shí)現(xiàn),異步,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《asp.net 使用js分頁實(shí)現(xiàn)異步加載數(shù)據(jù)》相關(guān)的同類信息!
  • 本頁收集關(guān)于asp.net 使用js分頁實(shí)現(xiàn)異步加載數(shù)據(jù)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    精品久久久久久影院免费| 天堂网中文字幕| 精品在线免费播放| 国产一区二区福利久久| 99久久精品国产高清一区二区| 国产91精品系列在线观看| 国产一区二区精品在线观看| 精品美女| 亚欧成人乱码一区二区| 亚洲精品影院| 欧美一级视频免费| 精品久久久久久免费影院| 欧美国产日韩一区二区三区| 日本特黄特色aa大片免费| 亚欧视频在线| 91麻豆精品国产自产在线观看一区| 国产高清在线精品一区二区| 99热精品一区| 免费国产在线观看| 欧美1区| 欧美日本免费| 日本在线不卡免费视频一区| 久久国产精品永久免费网站| 亚欧成人毛片一区二区三区四区| 国产伦理精品| 国产一区二区精品| 99色视频在线| 精品国产一区二区三区久| 色综合久久天天综合观看| 日韩在线观看免费完整版视频| 欧美激情一区二区三区视频 | 亚欧乱色一区二区三区| 四虎影视库| 中文字幕97| 可以在线看黄的网站| 成人高清视频免费观看| a级黄色毛片免费播放视频| 久久精品欧美一区二区| 欧美18性精品| 你懂的日韩| 久久99中文字幕| 四虎影视精品永久免费网站| 免费一级生活片| 久久久成人影院| 一级女性全黄久久生活片| 成人免费网站视频ww| 久久国产影视免费精品| 国产a网| 天天色色网| 国产伦理精品| 日韩专区一区| 二级片在线观看| 国产视频久久久久| 亚洲www美色| 久久国产影院| 久久国产精品永久免费网站| 精品国产香蕉伊思人在线又爽又黄| 亚洲天堂免费| 精品国产一区二区三区精东影业| 日韩欧美一二三区| 精品视频在线观看一区二区三区| 亚洲www美色| 国产成人精品综合久久久| 欧美a免费| 久久精品大片| 色综合久久久久综合体桃花网| 亚欧视频在线| 国产不卡福利| 国产不卡精品一区二区三区| 国产一区二区精品尤物| 欧美一区二区三区在线观看| 精品毛片视频| 国产精品1024永久免费视频| 国产a网| 毛片高清| 日韩在线观看免费| 久久久成人影院| 国产一区精品| 久久99青青久久99久久| 999久久狠狠免费精品| 可以免费看污视频的网站| 黄色免费三级| 日韩欧美一二三区| 久久精品欧美一区二区| 台湾美女古装一级毛片| 成人高清视频在线观看| 国产国语对白一级毛片| 麻豆午夜视频| 国产a视频| 天堂网中文字幕| 精品国产一区二区三区久久久狼| 色综合久久天天综合| 日韩中文字幕一区二区不卡| 亚洲精品中文一区不卡| 99热热久久| 精品美女| 免费国产在线视频| 日本在线不卡视频| 日韩在线观看视频网站| 色综合久久天天综线观看| 九九精品在线播放| 精品视频在线观看免费| 成人影院一区二区三区| 亚久久伊人精品青青草原2020| 日韩中文字幕一区| 国产91精品系列在线观看| 国产福利免费观看| 国产不卡在线观看| 成人影院久久久久久影院| 日本伦理网站| 韩国三级一区| 成人高清视频免费观看| 99久久网站| 免费国产在线观看| 91麻豆精品国产自产在线| 91麻豆精品国产自产在线| 韩国三级一区| 国产一区二区精品尤物| 国产一区国产二区国产三区| 色综合久久天天综合绕观看| 国产一区精品| 尤物视频网站在线观看| 九九热精品免费观看| 亚欧成人毛片一区二区三区四区| 91麻豆国产福利精品| 欧美一级视| 精品国产亚洲人成在线| 国产麻豆精品高清在线播放| 国产一区国产二区国产三区| 日本特黄一级| 国产91丝袜在线播放0| 午夜在线亚洲| 免费一级片在线观看| 精品久久久久久中文字幕2017| 欧美激情在线精品video| 国产网站免费| 欧美一级视| 亚飞与亚基在线观看| 亚洲第一页乱| 国产美女在线观看| 青青久热| 91麻豆国产福利精品| a级黄色毛片免费播放视频 | 中文字幕97| 精品视频免费在线| 九九九在线视频| 999久久66久6只有精品| 日本在线www| 国产麻豆精品高清在线播放| 亚飞与亚基在线观看| 国产精品123| 美女免费毛片| 麻豆系列国产剧在线观看| 成人免费网站视频ww| 美女免费黄网站| 国产韩国精品一区二区三区| 久久99这里只有精品国产| 香蕉视频三级| 精品久久久久久综合网| 国产不卡在线播放| 亚洲第一页乱| 一级片片| 国产精品1024永久免费视频| 高清一级做a爱过程不卡视频| 久久99青青久久99久久| 91麻豆tv| 日韩一级精品视频在线观看| 欧美另类videosbestsex视频| 精品毛片视频| 尤物视频网站在线观看| 国产美女在线一区二区三区| 免费一级片在线观看| 免费国产在线视频| 日本特黄特色aaa大片免费| 国产91视频网| 午夜在线亚洲| 精品国产三级a| 日韩中文字幕一区| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 九九九国产| 成人免费网站久久久| 久久精品店| 亚欧成人乱码一区二区| 久久福利影视| 午夜在线亚洲| 九九免费精品视频| 91麻豆国产| 成人a大片高清在线观看| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 久久国产精品自线拍免费| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 黄色福利片| 成人高清视频在线观看| 欧美18性精品| 国产网站免费视频| 台湾毛片| 国产91素人搭讪系列天堂| 精品国产三级a| 国产麻豆精品hdvideoss| 韩国妈妈的朋友在线播放|