laravel+@verbatim指令直接实现点击异步加载下一页数据
管理员 发布于 3年前 427
@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了点，但是我想表达的是可以这么做
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
该博客于2020-12-7日，后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成
是我仿的原来我的TP5框架写的博客，比较粗糙，底下是入口
侯体宗的博客
文章标签
- test 三种扣减库存方案 Hyperf2.1启动报错端口占用 上外网神器Ghelper 上外网神器集装箱 laravel中HMVC模式 Hyperf框架验证器 Hyperf自定义函数编写 Hyperf对象转成数组 PHP2021面试题集 centos7系统上挂载 Hyperf框架 秒杀系统的设计 Laravel Octane PHP数组底层实现原理 php7垃圾回收机制 Laravel中类型转换 mysql事务特征及隔离级别 Linux-awk命令 mysql编码 JWT源码实现 Laravel内核分析 Laravel中的用法 centos7+go环境+beego框架 go+beego框架开发博客 go+beego开发博客首页 go+beego自定义公共函数 beego注册_登录_查询 beego控制器创建 Beego框架安装 go语言环境安装 laravel+Elasticsearc laravel运行原理 windows7搭建Vuejs环境 Laravel分块 laravel去重(distinct() laravel集合 laravel+mysql读写分离 laravel5+复杂原生sql laravel+MissMyCat/al lnmp sessio laravel自定义数组分页 laravel中.env配置 laravel8队列发邮件 码云仓库常用操作 laravel8配置163SMTP laravel8配置全局函数 laravel/jetstream之认证 laravel/jetstream
友情链接
