jQuery .net により、より多くのコンテンツの閲覧が可能になります (php バージョンを適応)_jquery

PHP バージョンからの改作、原文:
jQuery PHP 実装 他のコンテンツを参照 http://www.helloweba.com/view-blog-130.html
.net での実装はここに記録されています
1. まずデータベース テーブル test を作成し、テスト データを挿入します :

コードをコピーします コードは次のとおりです

go
if names (select * from sysobjects where name='test')
drop table [test]
go
CREATE TABLE [test](
[id] [int] IDENTITY(1,1)、
[author] [varchar](50)、
[content] [varchar](2000)、
[createOn] [datetime ]
)
declare @index int;
set @index = 1;
begin
insert into test([author],[content] ],[createOn])
values
('author' Cast(@index as varchar(4)),'content' Cast(@index as varchar(4)),DATEADD(DAY,@index ,getdate()))
set @index = @index 1
end
go

2. HTML ファイルを作成します

コードをコピー コードは次のとおりです:

< ;head>


="text/javascript">
$ (function () {
$('#more').more({ 'address': 'ajax/data.ashx' }) //ここがアドレスですバックグラウンドからリクエストされました
});
< ;/script>
詳細
{
margin: 10px auto; 🎜>width: 560px;
border: 1px 実線
}
.single_item
{
border-bottom: 1px 点線 }
.author
{
位置: 絶対;
フォントの太さ: 太字;
; createOn
{
位置: 絶対;
色: #999;
}
{
行の高さ: 20px; 🎜>単語区切り:
}
.element_head
{
幅: 100%;
高さ: 20px; 🎜>.get_more
{
マージン: 10px ;
text-align: center;
.more_loader_spinner
{
幅: 20px; ;
マージン: 10px 自動;
背景: url(loader.gif) 繰り返しなし;
;

">

::クリックしてさらにコンテンツを読み込みます::< /a>

3. 一般的な処理プログラム data.ashx を作成します。 🎜>




コードをコピー


コードは次のとおりです:


<%@ WebHandler Language= "C#" Class="data" %>

using System.Web;
using Microsoft.Practices.EnterpriseLibrary.Data; IHttpHandler {
public void ProcessRequest (HttpContext context) {
context .Response.ContentType = "text/plain";

int last = Convert.ToInt32(context.Request.Params["last" ]); //開始レコード番号
int amount = Convert.ToInt32 (context.Request.Params["amount"]); //一度に表示されるレコード数

Database db = DatabaseFactory. CreateDatabase();