Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/286.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在bootpag中使用动态PHP ajax数据_Php_Jquery_Ajax_Twitter Bootstrap - Fatal编程技术网

如何在bootpag中使用动态PHP ajax数据

如何在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> &

如何通过引导分页显示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="//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);