【无刷新加载】asp.net点击 查看更多 实现无刷新加载的实现代码

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net点击 查看更多 实现无刷新加载的实现代码】，下面是详细的讲解！

asp.net点击 查看更多 实现无刷新加载的实现代码

页面页面的js代码如下，
<b> <script type="text/javascript">
$(function () {
function init(count, start) {
$.ajax({
type: "GET",
dataType: "json",
url: "Handler/Handler.ashx",
data: { action: "GetMoreNews", count: count, start: start },
beforeSend: function () { $("#divload").show(); $("#more2").hide(); },
complete: function () { $("#divload").hide(); $("#more2").show(); },
success: function (json) {
var str="";
$.each(json, function (index, array) {
var str="<div class='single_item'>"
+ "<div class='element_head'>"
+ "<div class='author'>" + array['Title'] +"</div>"
+ "<div class='date'>" + array['Date'] + "</div>"
+ "</div>"
+ "<div class='content'>" + array['Contents'] + "</div>"
+ "</div>";
$("#more").append(str);
});
if (json=="") {
$("#more2").html("没有更多内容加载了……");
}
}
});
}
var count=5;
var start=0;
init(count, start);
$(".get_more").click(function () {
start +=5;
init(count, start);
});
});
</script></b>
解释上面js的大体意思：定义一个init方法，此方法带有两个参数count和start，count意思是每次加载显示评论数，start意思是，每次从数据库中读取的位置，比如0，5,10。
Handler.ashx处理页面的代码如下
[code]
case "GetMoreNews":
int count=int.Parse(context.Request.QueryString["count"].ToString());
int start=int.Parse(context.Request.QueryString["start"].ToString());
IList<WineNews> morenews=WineNewsManager.WineNewsQueryFromMToN(count,start);
Content=JavaScriptConvert.SerializeObject(morenews);
break;

关于asp.net点击 查看更多 实现无刷新加载的实现代码的用户互动如下：

　　相关问题：ajax asp.net 或者js 实现 我在a页面添加，b页面立...

　　答：一般有三种解决方案，轮询，commet,websocket,最简单的就是轮询了，每过N秒发一次AJAX请求，根据服务器返回的内容更新网页 >>详细

　　相关问题：asp.net 实现无刷新验证码;当我在image里添上oncli...

　　答： function che() { var mun = Math.random(); var k = document.getElementById('') k.src = "yanzhen.aspx?" + mun; } >>详细

　　相关问题：asp.net +jquery 实现购物无刷新，代码实例

　　答：给你个我项目里ajax的例子吧 首先jquery引用 jquery ajax 方法定义 function getPreLimitMenu(mID) { $.ajax({ type: "POST", dataType: "json", //cache:true, url: webmainPath + "Alarm/getMenus3j", data: { MenuID: mID, sysname: "" }, su... >>详细