zblog ajax jquery

摘要:使用tag模板实现自由加载数据版块tags模板{* Template Name:ajax数据 * Template Type:tag *}{if $_POST['sidebar']=='2'}{template:sidebar2}{elseif $_P

使用tag模板实现自由加载数据版块

tags模板

{* Template Name:ajax数据 * Template Type:tag *}
{if $_POST['sidebar']=='2'}
{template:sidebar2}
{elseif $_POST['sidebar']=='3'}
{template:sidebar3}
{elseif $_POST['sidebar']=='4'}
{template:sidebar4}
{elseif $_POST['sidebar']=='5'}
{template:sidebar5}
{/if}


数据加载的模板

{* Template Name:首页 * Template Type:index *}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>特科网</title>
    <script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $.post("/tags-1.html", { sidebar: "2" }, function(data){
                $("#div2").html(data);
            });
            $.post("/tags-1.html", { sidebar: "3" }, function(data){
                $("#div3").html(data);
            });
            $.post("/tags-1.html", { sidebar: "4" }, function(data){
                $("#div4").html(data);
            });
            $.post("/tags-1.html", { sidebar: "5" }, function(data){
                $("#div5").html(data);
            });
        });
    </script>
</head>
<body>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
</body>
</html>