laravel+@verbatim指令直接实现点击异步加载下一页数据

Laravel  /  管理员 发布于 3年前   1155

@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了点，但是我想表达的是可以这么做