欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品

主頁 > 知識庫 > asp.net 使用js分頁實現異步加載數據

asp.net 使用js分頁實現異步加載數據

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

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

2、Web.config的配置
復制代碼 代碼如下:

?xml version="1.0" encoding="utf-8"?>
configuration>
connectionStrings>
clear/>
!-- 數據庫鏈接 -->
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" />
!-- 頁面調用后臺方法 -->
httpHandlers>
add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
/httpHandlers>
/system.web>
/configuration>

3、目錄結構
 

下面就直接上代碼了。

4、Login.aspx頁面代碼
復制代碼 代碼如下:

%@ 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);
}
//定義一個當前頁初始為1
var pageNo = 1;
//總頁數
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>

后臺代碼
復制代碼 代碼如下:

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條數據
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具體使用方法可以網上例子很多
[AjaxPro.AjaxMethod]
public DataTable FindDate(int currentPage)
{
return logService.FindDate(pageSize, currentPage);
}
}
}

5、LoginLogService.cs
復制代碼 代碼如下:

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
復制代碼 代碼如下:

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方法是用來執行insert、delete、update語句的,返回的是影響的行數
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語句執行后的第一行第一列的值,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對象,對象內容是為與命令匹配的所有行,通常用于讀取數據
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];
}

}
}

復制代碼 代碼如下:

數據表結構: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演示)

標簽:新疆 白山 德陽 陽泉 天門 江蘇 張家界 蘭州

巨人網絡通訊聲明:本文標題《asp.net 使用js分頁實現異步加載數據》,本文關鍵詞  asp.net,使用,分頁,實現,異步,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《asp.net 使用js分頁實現異步加載數據》相關的同類信息!
  • 本頁收集關于asp.net 使用js分頁實現異步加載數據的相關信息資訊供網民參考!
  • 推薦文章
    欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品
  • <rt id="w000q"><acronym id="w000q"></acronym></rt>
  • <abbr id="w000q"></abbr>
    <rt id="w000q"></rt>
    色综合久久久久久久| 久久综合网色—综合色88| 国产精品久久久久一区二区三区| 久久国产精品99久久久久久老狼| 欧美无人区码suv| 911国产精品| 午夜精品久久久久久久99樱桃| 天堂va欧美va亚洲va老司机| 欧美日韩另类一区| 亚洲第一综合色| 国产艳妇疯狂做爰视频| 欧美丰满一区二区免费视频| 午夜亚洲福利老司机| 国产精品每日更新在线播放网址| 精品一区二区国语对白| 337人体粉嫩噜噜噜| 国产午夜精品久久久久久久| 国产精品一区三区| 在线免费观看亚洲视频| 日韩美女久久久| 欧美午夜精品一区二区| 欧美精品欧美精品系列| 日本欧美在线观看| 先锋影音av在线| 国产又粗又猛又爽又黄的视频小说| 欧美日韩国产另类一区| 午夜久久久久久久久| 性久久久久久久久久| 久久奇米777| 成人午夜电影小说| 91成人看片片| 石原莉奈一区二区三区在线观看| 人人妻人人澡人人爽人人精品 | 一级性生活免费视频| 日韩女优视频免费观看| 精品一区二区三区免费视频| 亚洲熟女少妇一区二区| 综合亚洲深深色噜噜狠狠网站| 91女厕偷拍女厕偷拍高清| 欧美二区三区的天堂| 久久91精品国产91久久小草| 波多野结衣欲乱| 亚洲日本在线a| 波多野结衣一二三区| 久久精品视频免费观看| 不卡一区中文字幕| 欧美精品乱人伦久久久久久| 精品一二线国产| 欧洲一区二区三区在线| 青娱乐精品在线视频| 丁香激情五月少妇| 国产精品久久久久久久久免费桃花| 97精品电影院| 日韩一区二区三区四区五区六区| 国产黄色成人av| 欧美午夜精品久久久久久孕妇| 青青草国产精品97视觉盛宴| 男人的午夜天堂| 婷婷国产在线综合| 亚洲欧美卡通动漫| 亚洲r级在线视频| 韩国一级黄色录像| 亚洲成人中文在线| 少妇高潮在线观看| 日韩av中文字幕一区二区| 黄色录像免费观看| 日韩精品乱码av一区二区| 男人的午夜天堂| 日本va欧美va欧美va精品| 成熟的女同志hd| 日本大胆欧美人术艺术动态| 色综合久久88色综合天天6| 日韩影视精彩在线| 全程偷拍露脸中年夫妇| 人禽交欧美网站| 欧美在线不卡视频| 国产剧情一区在线| 欧美一区永久视频免费观看| 成人深夜在线观看| 久久综合一区二区| 50一60岁老妇女毛片| 亚洲欧美成aⅴ人在线观看| 国产jjizz一区二区三区视频| 亚洲黄色av一区| 久久精品三级视频| 午夜精品成人在线视频| 美女福利视频在线观看| 久久不见久久见中文字幕免费| 欧美视频在线播放| 丰满少妇在线播放bd日韩电影| 精品美女在线观看| 亚洲一区和二区| 国产精品久久久久久亚洲毛片 | 国产精品三区在线观看| 麻豆精品久久精品色综合| 欧美日韩一区二区在线观看| 国产+成+人+亚洲欧洲自线| 欧美成人vps| 超碰caoprom| 一区二区三区中文字幕精品精品 | 国产精品美女久久久久久久久久久 | 国产精品免费无码| 五月天婷婷综合| 在线影视一区二区三区| 成人一二三区视频| 国产亚洲综合av| a级片在线观看| 男女男精品视频| 欧美一区二区三区四区高清| wwwxxx色| 一区二区三区视频在线看| 可以直接看的黄色网址| 国产成人激情av| 国产精品水嫩水嫩| 激情无码人妻又粗又大| 国产精品中文有码| 久久久www成人免费无遮挡大片| 欧美熟妇一区二区| 男女激情视频一区| 日韩精品在线网站| 免费成人深夜夜行p站| 日韩高清在线观看| 日韩一级免费观看| 亚洲天堂成人av| 日韩av中文字幕一区二区| 欧美一区二区精品久久911| 日本护士做爰视频| 日韩高清欧美激情| 日韩欧美一区二区在线视频| aa片在线观看视频在线播放| 免费观看日韩电影| 久久综合久久99| 欧美福利在线视频| 懂色av一区二区夜夜嗨| 国产精品激情偷乱一区二区∴| 国产一区二区三区在线视频观看| 成人精品视频一区| 亚洲免费在线看| 欧美视频自拍偷拍| 中文字幕乱视频| 欧美a级一区二区| 久久蜜桃av一区精品变态类天堂| 舔着乳尖日韩一区| 欧美一区二区精品| 91激情视频在线观看| 国产一区在线视频| 国产精品国产三级国产a | 国模少妇一区二区三区| 国产欧美一区二区在线| 亚洲天堂黄色片| 野花视频免费在线观看| 日韩电影免费在线看| 精品国产91乱码一区二区三区| 久久久无码人妻精品无码| 婷婷开心激情综合| 久久久久成人黄色影片| 婷婷色中文字幕| 色哟哟网站在线观看| 久久精品久久99精品久久| 欧美国产精品中文字幕| 91成人网在线| 黄色工厂在线观看| 国产成人在线影院| 亚洲尤物视频在线| 26uuu色噜噜精品一区二区| 波多野结衣在线网址| 性高潮久久久久久| 捆绑紧缚一区二区三区视频| 国产精品乱码一区二区三区软件 | 久久香蕉国产线看观看99| www.av免费| 国产精久久久久| 激情欧美一区二区三区在线观看| 国产精品日产欧美久久久久| 欧美精品乱码久久久久久按摩| 超薄肉色丝袜一二三| 91在线免费播放| 蜜臀a∨国产成人精品| 中文字幕中文乱码欧美一区二区| 欧美欧美欧美欧美| 免费一级suv好看的国产网站| 91色在线porny| 久久99精品久久久久久| 亚洲精品成人悠悠色影视| 欧美不卡激情三级在线观看| 国产精品国产精品88| 中国黄色片视频| 成人午夜大片免费观看| 午夜精品久久久久久| 国产精品久久久久久久午夜片 | av电影在线不卡| 免费在线观看不卡| 亚洲男人的天堂在线aⅴ视频| 精品黑人一区二区三区久久| 在线视频你懂得一区二区三区| 91网站免费入口| 久久国产劲爆∧v内射| 国产99久久久国产精品免费看| 午夜精品福利一区二区三区蜜桃| 国产精品不卡在线|