如何在bootpag中使用动态PHP ajax数据
如何通过引导分页显示PHP的动态内容。结果是在div id'msrResult'中使用ajax调用显示,如何在引导分页代码中使用该div。这是我的代码:如何在bootpag中使用动态PHP ajax数据,php,jquery,ajax,twitter-bootstrap,Php,Jquery,Ajax,Twitter Bootstrap,如何通过引导分页显示PHP的动态内容。结果是在div id'msrResult'中使用ajax调用显示,如何在引导分页代码中使用该div。这是我的代码: <script src="//code.jquery.com/jquery-2.0.3.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> &
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//raw.github.com/botmonster/jquery-bootpag/master /lib/jquery.bootpag.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
</head>
<div id="content2">Dynamic Content goes here</div>
<div id="page-selection">Pagination goes here</div>
<script>
$('#page-selection').bootpag({
total: 23,
page: 1,
maxVisible: 10
}).on('page', function(event, num){
$("#content2").html("Page " + num); // or some ajax content loading...
});
</script>
</body>
</html>
<div id=msrResult></div>
这里有动态内容
分页在这里
$(“#页面选择”).bootpag({
总数:23,
页码:1,
maxVisible:10
}).on('page',函数(事件,数值){
$(“#content2”).html(“Page”+num);//或一些ajax内容加载。。。
});
首先,GitHub URL中的“空格”可以生成404个响应。您应该删除它以使脚本正常工作;)
基本上(正如您在作者网站上看到的那样)单击页面按钮(脚本正确初始化后,它们将显示在#页面选择中)会触发bootpag以切换内容。在.on()
函数中,您有机会在新内容再次出现之前放置新内容
在您提供的脚本中,在显示“第X页”之前,请先在#content2
中编写“第X页”。但在您的情况下,您希望在此div中加载动态内容,以便可以执行以下操作:
$.ajax({
url: "source.php?site="+num
}).done(function(data) {
$( "#content2" ).html( data );
});
在.on()
函数中加载#content2
div中的动态php内容
还可以看到这个JS提琴的演示:U可以通过这种方式轻松完成-
$('show#u paginator').bootpag({
总数:23,
页码:3,
maxVisible:10
}).on('page',函数(事件,数值)
{
$(“#dynamic_content”).html(“Page”+num);//或一些ajax内容加载。。。
});代码>
分页在这里
您是否在寻找如何将PHP内容放入“页面”(div)或如何使用引导“分页”组件的说明?是的,getResult.PHP是我的ajax页面,其中包含要分页显示的数据,当前显示在,我想使用引导分页显示。请告诉我在哪里使用上述代码中的ajax结果。我使用了以下代码,但相同的数据正在重新加载。您的`source.php`文件需要有不同的输出,具体取决于?site=XXX
,以便在页面上获取不同的数据。..on('page',function(event,num){$(“#msrResult”).html(“Page”+num);//或一些ajax内容加载…$.ajax({url:'getResult.php',键入:'POST',数据:{formName:'afscpMsr',操作:'search',字段\ nm:document.getElementById('msrdet')).value,field_value:document.getElementById('srhmsr').value}).done(function(result_data){var v=document.getElementById(“msrResult”);v.innerHTML=result_data;});});无法立即发现错误。输出是什么?看到“getResult.php”的输出了吗即使是一次?在上面的代码中,如何在boot-tag中获取'total'属性的动态值。请不要在多个问题中添加相同的答案。回答最好的一个,并将其余的标记为重复。在JS代码中调用ur AJAX-“//或一些AJAX内容加载…”(“#dynamic#u content”).html(“Page”+num);