首页 > 后端开发 > php教程 > 文章列表底部点击加载更多,即使分享代码也是提有关问题

文章列表底部点击加载更多,即使分享代码也是提有关问题

WBOY
发布: 2016-06-13 12:24:14
原创
902 人浏览过

文章列表底部点击加载更多,即使分享代码也是提问题
JQ ajax代码:

<br /><script type="text/javascript"><br />	//格式化时间戳<br />	function getLocalTime(nS) {<br />		return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');<br />	}<br />	var page = 3;<br />	$(function() {<br />		$('#morse').on('click', function() {<br />			page += 3;<br />			$.ajax({<br />	            url:"__URL__/index",<br />	            data:{<br />					p:page,<br />				},<br />	            type:"post",<br />	            success:function(data){<br />					var html = '';<br />					for(var i in data){<br />						var addtime	= getLocalTime(data[i].addtime);<br />						html += '<div class=\"am-container\" id=\"morelist\">';<br />							html +='<ul id=\"list\" class=\"am-list\">';<br />							  	html +='<li class=\"am-g am-list-item-desced am-padding-horizontal-sm\">';<br />							  		html +='<a class=\"am-list-item-hd\" target=\"_blank\" href=\"\">'+data[i].title+'</a>';<br />							  		html +='<div class=\"am-list-item-text\">发布时间:'+addtime+'</div>';<br />							  		html +='<div class=\"am-list-item-text\">';<br />							  		html +='总阅读量:<span class=\"am-text-danger\">'+data[i].readcount+'</span> ';<br />							  	html +='</li>';<br />							html +='</ul>';<br />						html +='</div>';<br />					}<br />					$("#list").append(html);//在后面追加显示<br />				}<br />			});   <br />    	});<br />	});<br /></script><br />
登录后复制

ThinkPHP3.2.3前台控制器index方法:
<br />public function index(){<br />		if(!empty($_POST['p'])){//点击加载更多 <br />			$p = $_POST['p'];//3 6 9<br />			$amount = 3; //显示条数<br />			//$count = M("micro_article")->count();//总数<br />			$Model = new \Think\Model();<br />			$list  = $Model->query("SELECT * FROM `day_micro_article` ORDER BY addtime DESC LIMIT $p,$amount");<br />			$this->ajaxReturn($list);<br />		}<br />		$count = M("micro_article")->count();<br />        $Page  = new \Think\Page($count, 3);<br />		<br />        $show  = $Page->show();<br />		$Model = new \Think\Model();<br />		//默认显示最新三条<br />	    $list  = $Model->query("SELECT * FROM `day_micro_article` WHERE `status` = 1 AND `is_rec` = 1 ORDER BY `addtime` DESC LIMIT " . $Page->firstRow . ',' . $Page->listRows);<br />		$shouyi= M("Micro_customlucre")->where(array("zid"=>1))->find();<br />		$this->assign('list', $list);<br />		$this->assign('vo1', $shouyi);<br />		$this->assign('show', $show);<br />		$this->display();<br />	}<br />
登录后复制


我的问题:getLocalTime格式化时间戳函数,拿出来的时间2015/9/4 下午7:07 这样的格式的;
如图:

我想要 2015/9/4 19:07:22这样的格式



------解决思路----------------------
function getLocalTime(nS) {<br />  var d = new Date(parseInt(nS) * 1000);<br />  return d.getYear() + '/' + (d.getMonth()+1) + '/' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();<br />}<br />
登录后复制


你的 $.ajax 缺少 dataType:'json' 属性,所以返回的 data 是字符串。
作为分享这是不道德的(有意隐藏关键代码)

------解决思路----------------------
你返回的数据是txt,不是json。所以解释不出。

<br /><script type="text/javascript"><br />    //格式化时间戳<br />    function getLocalTime(nS) {<br />        return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');<br />    }<br />    var page = 3;<br />    $(function() {<br />        $('#morse').on('click', function() {<br />            page += 3;<br />            $.ajax({<br />                url:"__URL__/index",<br />                data:{<br />                    p:page,<br />                },<br />                type:"post",<br />               dataType:"JSON",<br />                success:function(data){<br />                    var html = '';<br />                    for(var i in data){<br />                        var addtime    = getLocalTime(data[i].addtime);<br />                        html += '<div class=\"am-container\" id=\"morelist\">';<br />                            html +='<ul id=\"list\" class=\"am-list\">';<br />                                  html +='<li class=\"am-g am-list-item-desced am-padding-horizontal-sm\">';<br />                                      html +='<a class=\"am-list-item-hd\" target=\"_blank\" href=\"\">'+data[i].title+'</a>';<br />                                      html +='<div class=\"am-list-item-text\">发布时间:'+addtime+'</div>';<br />                                      html +='<div class=\"am-list-item-text\">';<br />                                      html +='总阅读量:<span class=\"am-text-danger\">'+data[i].readcount+'</span> ';<br />                                  html +='</li>';<br />                            html +='</ul>';<br />                        html +='</div>';<br />                    }<br />                    $("#list").append(html);//在后面追加显示<br />                }<br />            });   <br />        });<br />    });<br /></script><br />
登录后复制

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板