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]