laravel+@verbatim指令直接实现点击异步加载下一页数据
Laravel  /  管理员 发布于 3年前   1268
@verbatim 指令
如果模板中一大部分需要显示 JavaScript 变量,就可以用 @verbatim 指令包裹住 HTML,这样就不用在每个 Blade echo 语句前加 @ 符
案例代码:
<ul id="news_box"></ul>
<div class="showMore" page="1" type="{{$row['pinyin']}}"><span>查看更多</span></div>
@verbatim<script type="text/html" id="tpl">
{{ each data as value index}}
<li>
<a href="{{value.url}}">{{ value.title }}</a>
<div class="look_over">{{ value.views }}</div>
</li>
{{ /each }}
</script>
@endverbatim
js:
$(".showMore").click(function(){
var page=parseInt($(this).attr("page"))+1;
var type=$(this).attr("type");
var htmlobj=$.ajax({url:"/api/cardnewsarticles/"+type+"?page="+page,async:false});
if(htmlobj!=null && htmlobj!=''){
var jsonObj =htmlobj.responseJSON;
if(jsonObj !=null){
var data =jsonObj.data;
if(data !=null && data.length>0){
var htmlStr = template( "tpl", jsonObj);
$("#news_box").append(htmlStr);
$(this).attr("page",page);
}else{
$(this).html("已加载完");
}
}
}
});
完事
ps:low是low了点,但是我想表达的是可以这么做
原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..路人 在
php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..博主 在
科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 @ mashrdn 多切换几个节点测试,免费ssr是没那么稳..Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号