外部站点跨域调用迅睿cms站点内容数据的方法
外部站点跨域调用迅睿CMS站点内容数据的方法,比如另外一个网站其他cms做的,想调用迅睿cms搭建站点的几条新闻公告,这时我们可以通过ajax做站外请求来调用。
新建模板页面
在迅睿cms站点模板目录api中新建一个模板页面建一个模板 demo.html 并写好调用标签。
代码示例
{list action=module module=news num=10}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list}
// 根据实际情况修改样式、模块名称、调用标签即可
提示
文件放在模板目录下的 api文件夹里,如果不存在,就自己新建一个文件夹,模板文件名称可自行修改。
站外网站模板代码
在站外网站的模板页面,写入调用代码。
代码示例
<button class="go-copy btn" data-clipboard-action="copy" data-clipboard-target="#pre11" style="box-sizing: inherit; border-radius: 0.25rem; font-family: Lato, sans-serif; font-size: 0.8rem; line-height: 1.5; display: block; color: rgb(255, 255, 255); background: rgb(51, 51, 51); border-color: rgb(35, 35, 35); padding: 0.375rem 0.75rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: absolute; top: 0px; right: 0px; max-width: 100%;">复制代码</button><ul id="xunruicms"></ul>
// id="xxx"写到父级就行
<script type="text/javascript">
$.ajax({
type: "GET",
url:"https://网站域名/index.php?s=api&c=api&m=template&name=模板页面名称.html&format=jsonp",
dataType: "jsonp",
success: function(json){
$("#xunruicms").html(json.msg);
},
error: function(){ }
});
</script>
提示
修改网站域名为你的迅睿cms站点域名,模板页面名称为第一步你在api文件夹新建的模板页面名称。具体调用内容和页面样式,根据实际情况修改即可。
相关文档
- 百度地图调用方法-无需KEY密钥,简单方便无商用风险
- pbootcms、dedecms等模板标签正则替换为迅睿cms标...
- 迅睿cms模板如何自定义分页css样式
- 迅睿cms首页及各页面实现ajax瀑布流滚动加载
- 迅睿cms搜索参数单选/多选/下拉字段条件筛选写法
- 将Html5手机端网站封装为微信小程序的方法(图文教程)
- 迅睿cms模板循环标签每隔几行几个更换或指定输出特定样式
- 迅睿cms会员登录/注册/退出登录后跳转到指定链接或返回当前页面
- 迅睿cms网站任意页面前端调用全局模块表单提交及自定义样式方法
- 为下载的迅睿cms模板前端增加友情链接版块
- 迅睿cms二次开发系统目录结构说明
- 迅睿cms制作模板演示页(给内容创建多个模板和地址)
- 迅睿cms网站后台控制台面板如何添加自定义数据?
- 迅睿cms调用字段敏感信息首尾截取中间隐藏用星号代替
- 迅睿cms使用全局表单制作证书查询功能
- 迅睿cms模块表单制作在线预约报名付款(支持游客免登录支付)
- 迅睿cms读取zip压缩包文件目录结构配合jsTree展示文件树...
- 迅睿cms站群系统实现全国城市分站功能插件及调用标签
- 迅睿cms文章标题生成图片插件:亿级文章配图器不占用空间
- 迅睿cms使用API接口实现主站统一管理多站点群友情链接
下一篇: 迅睿cms网站URL伪静态规则设置教程