无后台的网站 内容暂存json
当网站无后台时，将数据暂存储为json文档，然后通过调用json文件获取数据填充前端页面
存储json格式的文件
[
{ "id": 1, "cat": "新闻", "title": "这是第1个新闻" },
{ "id": 2, "cat": "活动", "title": "这是第2个新闻" },
{ "id": 3, "cat": "别的", "title": "这是第3个新闻" }
]
<script>
$(document).ready(function() {
$.get("index.json?" + new Date().getTime(), function(result) {
console.log(result);
setNewsList(result);
setNewsCates(result);
setNewsContent(result, T.getQueryString("id"));
});
});
function setNewsList(data) {
var htmlTemplate = "<div><a href='json.test.html?id={id}'>{title}</a></div>";
var list = $("#newsList");
for (var i = 0; i < data.length; i++) {
list.append(T.formatEx(htmlTemplate, data[i]));
}
};
function setNewsCates(data) {
var htmlTemplate = "<div><a href='json.test.html?cate={cat}'>{cat}</a></div>";
var list = $("#newsCates");
var output = new Object();
for (var i = 0; i < data.length; i++) {
if (output[data[i].cat]) continue;
list.append(T.formatEx(htmlTemplate, data[i]));
output[data[i].cat] = true;
}
};
function setNewsContent(data, id) {
for (var i = 0; i < data.length; i++) {
if (data[i].id != id) continue;
$("#newsContentTitle").html(data[i].title);
$.get("news/" + id + ".html", function(result) {
$("#newsContentBody").html(result);
});
}
};
</script>
最新文章
- PHP如何判断一个数组是一维数组或者是二维数组？用什么函数？
- 使用 Flexbox 的居中布局
- 了解linux下RAID(磁盘阵列)创建和管理
- iOS——Swift开发中的单例设计模式（摘译，非原创）
- 轻量型ORM框架Dapper的使用
- C# 【无法修改XX返回值，因为它不是变量】
- WCF 入门（15）
- mysql之消息队列
- mvn 命令
- POJ 1773 Parity game 带权并查集
- 在.NET中快速创建一个5GB、10GB或更大的空文件
- jquery点击目标DIV以外关闭效果
- python安装插件包注意事项
- tensorflow笔记（一）之基础知识
- Swift 开源项目练习应用
- [HNOI 2011]数矩形
- django中引入bootstrap4.3
- Vue-Router路由Vue-CLI脚手架和模块化开发 之 vue-router路由
- flutter中使用svg
- vmstat性能分析介绍