jQuery .网实现浏览更多内容（改编服务器端编程语言(专业超文本预处理器的缩写)版本)

改编自服务器端编程语言(专业超文本预处理器的缩写)版本，原文：jQuery PHP实现浏览更多内容http://www.helloweba.com/view-blog-130.html这里记录. net下的实现一、首先创建数据库表测试，并插入一些测试数据：复制代码代码如下： go if存在(从sysobjects中选择*其中name=' test ')drop TABLE[test]go CREATE TABLE[test]([id][int]IDentity(1，1)、[author] [varchar](50)、[content] [varchar](2000)、[CREAte on][datetime])declare @ index int；set @ index=1；while(@index 1000)开始插入到测试中([作者]，[内容]，[创建时间])值('作者'强制转换(@index as varchar(4))，“content”强制转换(@index as varchar(4))、DATADD(DAY、@index、getdate())设置@index=@index 1 end go二、建立一个超文本标记语言文件复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title script src=' http 3360 js/jquery-1。4 .4 .量滴js ' type=' text/JavaScript '/script more({ ' address ' : ' Ajax/data。ashx ' })//这里为向后台请求地址});/script style type=' text/CSS ' more { margin : 10px auto；宽度： 560像素；border: 1px固体# 999;} .single _ item { padd : 20pxborder-bottom : 1 px虚线# d3d3d3}。作者{位置：绝对值；left: 0pxfont-weight:粗体；color: # 39f}。在{ position : absoluteright: 0pxcolor: # 999}。内容{行高： 20px断字：断字；} .element _ head { width : 100%；相对位置：高度： 20px}。get _ more { margin: 10px文本对齐：中心；} .more _ loader _ spinner { width : 20px；高度： 20pxmargin: 10px自动；背景： url(loader.gif)不重复；}/style/head body div id=' more ' div class=' single _ item ' div class=' element _ head ' div class=' createOn '/div class=' author '/div/div class=' content '/div/div a href=' JavaScript :'class='get_more':点击加载更多内容：/a/正文/html三、建立一个一般处理程序data.ashx复制代码代码如下： %@网络处理器语言='C#' Class='数据' %使用系统；使用系统网络.使用微软。实践。企业图书馆。数据；公共类数据： IHttpHandler { public void process request(HttpContext context){ context .响应。内容类型='文本/纯文本；int last=转换.ToInt32(上下文。请求参数['最后']);//开始记录数整数=转换. ToInt32(上下文。请求参数['金额']);//单次显示记录数数据库数据库=数据库工厂创建数据库()；////这里日期字段创建时间先格式一下，否则会生成类似这种格式/Date(1310292162507)/string SQL=string .格式('选择身份证、作者、内容、转换(varchar(100)、createOn、120) createOn from(选择row_number()超过(按编号排序)作为rowNum，*来自测试)作为t ' '，其中rowNum{0}和rowNum={1} '，最后一个，最后一个金额);系统数据表dt=db .执行数据集（系统。数据。命令类型。文本，sql ).表[0];语境。响应。写入(JSONHelper .DataTableToJSON(dt))；//输出json格式} public bool IsReuse { get { return false；} } }

附：jquery.more.js插件内容复制代码代码如下：(函数($){ var target=null；定义变量模板=nullvar锁定=falsevar变量={ 'last' : 0 } var设置={“金额”:“10”，“地址”:“格式”:“JSON”，“模板”:single_item '，'触发器' : '。get_more '，' scroll' : 'false '，' offset' : '100 '，' spinner _ code ' : ' ' } var方法={ init : function(options){ return this。每个(函数(){ if(选项){ $ } .扩展（设置，选项);}模板=$(这个).子级(设置.模板).换行(' div/').parent()；template.css('display '，' none') $(this).追加(“div class=”more _ loader _ spinner”设置。spinner _ code '/div ')$(this).子级(设置.模板).remove()target=$(this)；if(设置。roll==' false '){ $(this).查找(设置.触发器).bind('click.more '，方法。get _ data)；$(这个)。more(' get _ data ')；} else{ if($(this)).高度()=$(这个).attr('滚动高度'){ target。更多(' get _ data '，设置。金额* 2)；} $(这个)。bind('scroll.more '，方法。check _ scroll)；} }) }，check _ scroll :函数(){ if((target。滚动顶部()。目标。高度()。parsent(设置。offset))=target。attr('滚动高度')锁定==false){ target。more(' get _ data ')；} }，debug : function(){ var debug _ string=' '；$.每个（变量，函数(k，v){ debug _ string=k ' : ' v ' \ n '；})alert(debug _ string)；},移除：函数(){ target。儿童(设置。触发器).解除绑定('。more’)；target.unbind(' .更多)目标。儿童(设置。触发器).移除();}，add_elements :函数（数据){//alert(' add elements ')var root=target//alert(root。attr(' id ')var计数器=0；如果(数据){ $(数据)。每个（函数(){ counter var t=template $ .每个(this，function(key，value){ if(t.find ')。)键)t.find(' . '键)。文本（值);}) //t.attr('id '，' more _ element _ '(变量。last))if(设置。scroll==' true '){//root。追加(t . html())根。儿童.more _ loader _ spinner’).before(t.html()) }else{ //alert(' . ')root.children(settings.trigger).在(t . html())} root之前。儿童(设置。模板' : last ').attr('id '，' more _ element _ '((变量。last)1))})else方法。移除()目标。儿童.more _ loader _ spinner’).css('display '，' none ')；if(计数器设置。金额)方法。remove()}，get _ data :函数(){//alert(' get data ')var ile；lock=truetarget.children(' .more _ loader _ spinner’).css('display '，' block ')；$(settings.trigger).css('display '，' none ')；if(类型为(参数[0])==' number ')文件=参数[0];else { ile=settings.amount} $。post(settings.address，{ last : variables.last，amount : ile }，function(data){ $(settings。触发器).css('显示'，'块')方法。add _ elements(数据)锁=false}，设置。格式)} }；$ .fn。more=function(method){ if(methods[method])返回方法.应用(这个，Array.prototype.slice.call(参数，1));else if(方法类型==' object ' | |！方法)返回methods.init.apply(这个，参数)；否则50美元.错误(“方法”方法'不存在!');} })(jQuery)