无刷新加载更多代码（无刷新加载更多代码怎么回事）

今天给各位分享无刷新加载更多代码的知识，其中也会对无刷新加载更多代码怎么回事进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、手机列表页，点击加载更多，返回后，还在那个位置，不刷新，ajax加载，求详情代码
• 2、dedecms文章列表实现 点击加载更多 ajax无刷新分页
• 3、我写的ajax无刷新加载更多怎么一直加载第一页
• 4、如何实现不刷新页面，只重新加载js文件？

手机列表页，点击加载更多，返回后，还在那个位置，不刷新，ajax加载，求详情代码

div class="listclass"

ul id="listlistssssss"

li/li

li/li

li/li

/ul/div

script src="js/dropload.min.js"/script

script type="text/javascript"

var u = navigator.userAgent, app = navigator.appVersion;

var isAndroid = u.indexOf('Android') -1 || u.indexOf('Linux') -1; //android终端或者uc浏览器

//var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

/*alert('是否是Android：'+isAndroid);

alert('是否是iOS：'+isiOS);*/

$(function(){

// 页数var page = 0;

// 每页展示10个

var size =5;

// dropload

$('.listclass').dropload({

scrollArea : window,

loadDownFn : function(me){

page++;

// 拼接HTML

var result = '';

$.ajax({

type: 'get',

url: "text.txt",

dataType: 'text',

success: function(data){

//alert(222);

var arrLen = data.length;

if(arrLen 0){

//for(var i=0; iarrLen; i++){

//var html = $("#listlist").html()+data;

// alert(html);

$('.dropload-refresh').html('加载更多...');

$('.dropload-refresh').css('font-size:','1.875rem')

// me.resetload();

// }

// 如果没有数据

//alert(arrLen )

}else{

// 锁定

me.lock();

// 无数据

me.noData();

}

// 为了测试，延迟1秒加载

// setTimeout(function(){

// 插入数据到页面，放到最后面

// $('.listclass').append(result);

$('#listlistssssss').append(data);

// 每次数据插入，必须重置

me.resetload();

// },1000);

},

error: function(xhr, type){

alert('Ajax error!');

// 即使加载出错，也得重置

me.resetload();

}

});

}

});

});

/script

dedecms文章列表实现 点击加载更多 ajax无刷新分页

这个思路很简单做起来比较麻烦在模板中做一个加载的按钮，点击后使用ajax去请求数据。请求到数据后将数据添加到网页对应的容器中。请求的路径你在plus目录下新建一个php文件，也就是dedecms的插件目录，内容参开如下（我的瀑布流获取数据插件）：require_once(dirname(__FILE__)."/../include/common.inc.php");//$t1=ExecTime();$page=isset($_GET['page'])?$_GET['page']:1;$per=isset($_GET['per'])?$_GET['per']:1;$limit=(($page-1)*$per).",".$per;$selquery="SELECT*FROM`#@__archives`wherechannel=2limit".$limit;$dsql-SetQuery($selquery);$dsql-Execute();while($row=$dsql-GetArray()){$arcurl=GetOneArchive($row['id']);$arcurl=$arcurl['arcurl'];$count=Getimgnum($row['id']);$img=thumbImg($row['litpic'],235,0);$title=$row['title'];echo"$count张$title";}输出内容就直接使用你的模板中的列表部分，数据在插件里直接填充。每次获取三条修改sql的limit即可

我写的ajax无刷新加载更多怎么一直加载第一页

那是你向服务端请求数据时出现的问题，请检查你服务端的代码，是否分页没有做好

如何实现不刷新页面，只重新加载js文件？

不刷新页面，重新加载js文件的方法有：

通过js创建script标签，例如

var script = document.createElement("script");

script.src = "test.js";

document.body.appendChild(script);

2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

});

总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。

关于无刷新加载更多代码和无刷新加载更多代码怎么回事的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。