> 为了更好支持手机端模板的套用，系统支持返回模板输出 > 什么是返回模板输出？ > 返回的是HTML代码，HTML代码可以套标签使用（貌似说不清楚，show the code） 访问链接： ``` get/post:http://域名//栏目htmlurl.html（栏目链接） ``` 传入参数： ``` ajax=1&ajax_tpl=1 ``` 自定义ajax访问的tpl,在原模板名字前面添加 `ajax_list_` ``` 一般ajax加载的是列表，如果栏目中列表的名字是：news.html 那么，ajax加载的模板名字就是:ajax_list_news.html ``` ajax模板要如何制定？ > 根据已有的列表，循环输出项拿出来放进去即可 ``` {if($lists)} {foreach $lists as $v} <div class="clean-blog-post"> <div class="row"> <div class="col-lg-5"><img class="rounded img-fluid" src="{if($v['litpic']=='')}{$tpl}assets/img/tech/image4.jpg{else}{$v['litpic']}{/if}"></div> <div class="col-lg-7"> <h3>【{$v['id']}】{$v['title']}</h3> <div class="info"><span class="text-muted">{fun date('Y-m-d',$v['addtime'])}&nbsp;<a >{fun get_info_table('level',['id'=>$v['userid']],'name')}</a></span></div> <p>{fun newstr($v['description'],150)}</p><a href="{$v['url']}"><button class="btn btn-outline-primary btn-sm" type="button">了解更多</button></a></div> </div> </div> {/foreach} {else} 1 {/if} ``` 小伙伴已经注意到，为什么要输出1？ 请看下面ajax请求展示 ``` <script> var p=1; function gopage(){ p+=1; var tid = {$type['id']}; //当前栏目ID var molds = "{$type['molds']}"; //当前模块标识 $.ajax({ url:window.location.href,//请求的url地址 ，当前栏目URL // dataType:"json",//返回格式为json,这里要取消返回json async:true,//请求是否异步，默认为异步，这也是ajax重要特性 data:{tid:tid,molds:molds,ajax:1,ajax_tpl:1,page:p},//参数值 type:"GET",//请求方式 beforeSend:function(){ //请求前的处理 istrue = false; }, success:function(r){ //判断是否没有分页，如果没有分页，则输出1 if(r==1){ alert('没有了~');return false; } $(".article-list").append(r); //直接加载到列表内 }, complete:function(){ //请求完成的处理 istrue = true; }, error:function(){ //请求出错处理 alert('网络错误'); } }) } </script> ```