Login
登录 注册 安全退出
当前位置: 首页 > 文档资讯 > SEO优化 > 外部站点如何调用迅睿(Xunrui)cms站点文章内容数据,seo推广优化费用

外部站点如何调用迅睿(Xunrui)cms站点文章内容数据,seo推广优化费用

时间:2025-07-18浏览: [ ]

今天做了几个自定义页面,工具类的,想在工具下方调用cms的文章,刚好最近在用迅睿,直接在自定义页面调用迅睿的标准标签是不行的,比如:

                {module module=news order=rand num=5 cache=1}
                <li><a href="{$t.url}">{$t.title}</a></li>
                {/module}

必须在模板里调用才行,迅睿我也不熟啊。怎么办,想到外部调用,搜索官网要用到api接口插件,还是收费的,直接放弃。

那么我们可以通过ajax做外部调用,

新建模板页面

在迅睿cms站点模板目录\template\pc\default\home中新建一个目录api,在api目录下新建一个模板页面建一个模板 demo.html 并写好调用标签,比如:

{module module=news num=10}
<li><a href="{$t.url}" target="_blank">{$t.title}</a></li>
{/module}


站外网站模板代码

在自定义页面或站外网站的模板页面,写入调用代码:

比如:

            <ul id="xunruicms"></ul>
            <script src="/js/jquery-3.6.0.min.js"></script> // 这个js也可以直接调用外链https://code.jquery.com/jquery-3.6.0.min.js 很重要
            <script type="text/j*ascript">
                $.ajax({
                    type: "GET",
                    url:"https://域名/index.php?s=api&c=api&m=template&name=demo.html&format=jsonp", //demo 就是前面新建的模板页面
                    dataType: "jsonp",
                    jsonpCallback: "callback",  // 添加这一行很重要
                    success: function(json){
                        if(json && json.msg) {
                            $("#xunruicms").html(json.msg);
                        } else {
                             console.error('返回数据异常:', json);
                        }
                    },
                    error: function(xhr, status, error){
                        console.error('请求失败:', status, error);
                    }
                });
            </script>

后面可以加一下样式css,也可以放在总的css中,根据实际情况修改即可。

CSS示例:
复制本文链接文章为作者独立观点不代表优设网立场,未经允许不得转载。

文章推荐更多>