get方法
主要用于在一个页面中,不切换URL即可调用多个页面的数据,有点类似TAB切换,不同的是这里可以获取本页面之外的其他页面数据,获取的数据还可以下拉自动加载更多实现翻页,比如smsot自带的论坛首页的顶部4个按钮的切换效果、全部小组页面的小组分类切换效果、以及板块内主题分类的切换效果
使用方法
在a标签中加get样式,如下代码所示的是其中一种用法
<div class="topnv swipernv b_c3 bob o_c3">
<ul class="flexbox">
<li class="flex c1"><a href="topic.php?mod=forum" class="[c1]get[/c1]" type="[c1]switch[/c1]" box="[c1]forum[/c1]"><span>板块</span></a></li>
<li class="flex c7"><a href="topic.php?mod=forum&show=new" class="get" type="switch" box="new"><span>最新</span></a></li>
<li class="flex c7"><a href="topic.php?mod=forum&show=best" class="get" type="switch" box="best"><span>推荐</span></a></li>
<li class="flex c7"><a href="topic.php?mod=forum&show=pics" class="get" type="switch" box="pics"><span>图集</span></a></li>
<span class="swipernv-on b_c1"></span>
</ul>
</div>
<div class="box-area">
<div class="box-content[c1] current ready[/c1]" id="[c1]forum[/c1]">
[c2]//默认显示[/c2]
</div>
<div class="box-content" id="new" style="display:none"></div>
<div class="box-content" id="best" style="display:none"></div>
<div class="box-content" id="pics" style="display:none"></div>
</div>
<div id="page"></div>
其中current ready表示当前容器已被激活,会默认显示当前容器的内容
在页面的smsscript容器中要增加相应的JS代码
<script language="javascript" reload="1">
$(document).ready(function() {
SMS.translate_int();
});
</script>
抓取目标页面(href地址页面)的代码格式
<?exit?>
<!--{if $_S['page']=='1' && $_GET['get']=='ajax'}-->
<div class="topiclist">
<div [c1]id="list"[/c1]>
<!--{/if}-->
[c2]//内容数据[/c2]
<!--{if $_S['page']=='1' && $_GET['get']=='ajax'}-->
</div>
<div id="page">
<!--{if $maxpage>1}-->
<a href="$nexturl" id="autoload" class="weui-loadmore block auto" curpage="$_S['page']" total="$maxpage" area="[c3]#topiclist[/c3]"><span class="weui-loadmore__tips">下一页</span></a>
<!--{/if}-->
</div>
</div>
<!--{/if}-->
id="list"不可修改
#topiclist为目标抓取后填充容器的ID,或class名这里需携带#或.
参数介绍
[HTML]
参数 |
说明 |
href |
点击后的请求URL地址,链接不会跳转将会通过AJAX抓取页面内数据,若无连接地址可设置javascript:SMS.null(id),其中id为自定义,保证不重复即可 |
type |
side/switch/不设 |
nopage |
true/不设 |
box |
抓取后的内容填充容器 |
btn |
按钮的ID,当type为switch时不需设置 |
[/HTML]