laoyang
e9b3b8666b
家谱（用户第 2 点，重写模板与 Kinship::tree）： - 同代聚成「夫妻单元」（户）：血亲当主位、配偶并排在其右，兄弟_姐妹按长幼（长子左） - 血亲可达性判「姻亲」：只走 parent/child 边从「我」可达者为本家血亲，妻子的父母 走不到 → 标「姻亲」并排到本代末尾（旧判据「上无父母且下无子女」对岳父母恒为假，是真 bug） - 父母括号连线：横杆盖住父母列到其子女各列，竖线落父母列中心、每子女列一道下线 - 称呼按长幼定死：姐夫/妹夫、嫂子/弟媳、大/小舅子、大/小姨子、大伯子/小叔子、 大姑子/小姑子、侄子/侄女、外甥/外甥女、堂/表 - 列宽地板 minmax(min-content,1fr)：原 minmax(0,1fr) 在窄屏+户数多时把列压到卡片 （96px）以下 → 同代卡片互相重叠；.tnode 加 flex:0 0 auto 防被 flex 压扁 观影（用户第 3~5 点）： - 顶栏删「影院」入口（影院是观影模块的子功能）；观影列表右侧加「⚙ 设置」下拉， 内含 影院管理 / 高级搜索 / 统计 / 年度报告（后三者从 MovieLog 迁入， app/MovieStats.php + 三个只读路由，MySQL 方言；图表全用纯 CSS，不引 CDN） - 评价区删除「我」的长条徽标（被 flex column stretch 拉成整行宽的丑色带） - 观影人弹窗列表与已选 chips 带头像；syncChips 点名取 .att-name/.att-av （旧写法取「第一个 span」，v11 起那是隐藏占位，chip 上会没名字） 验证：e2e 432/0、桌面几何 268/0、移动几何 464/0、交互几何 97/0、 静态空跑 199/0、反向验证 v11 十条 10抓/0漏。本轮无 DB 变更（Schema 仍 v10）。 移动几何抓出两个真溢出并已修：高级搜索页 select 长选项撑破 .field、 原生 date 输入撑破 .date-range（360/375px）。
448 lines
20 KiB
PHP
448 lines
20 KiB
PHP
<?php
|
||
/**
|
||
* 观影表单（新增 / 编辑，一张表单两用 —— 与 people/form 同一思路）。
|
||
*
|
||
* v9 变化：观影时间改为「开始 / 结束」两个秒级时刻（_datetime.php 控件，
|
||
* 服务端 read_dt_input 取值）；评分与观后感**移出表单** —— 搬到详情页的
|
||
* 「评价与评论」区（MovieLog 同款：每账号一条评价，谁都能评）；影院改为
|
||
* 下拉选择已有影院 + 可选「新建影院」行内三段。
|
||
*
|
||
* 海报与票根是 free 槽位（v8）：不进裁剪器、整图等比缩进框内，普通文件控件即可。
|
||
* 现场照片只在**新增**时提供多选；编辑时在详情页里逐张补/删。
|
||
*/
|
||
$isEdit = !empty($m['id']);
|
||
|
||
// 时间回填：校验失败重画时优先用 old() 里的分字段重组（否则用户刚选的时刻会丢）；
|
||
// 正常进编辑页时用库里的值。
|
||
$dtFromOld = static function (string $name, ?string $dbValue): ?string {
|
||
$date = trim((string)old($name . '_date', ''));
|
||
if ($date !== '') {
|
||
return sprintf('%s %02d:%02d:%02d', $date,
|
||
(int)old($name . '_hour', 0), (int)old($name . '_minute', 0), (int)old($name . '_second', 0));
|
||
}
|
||
return ($dbValue !== null && $dbValue !== '') ? $dbValue : null;
|
||
};
|
||
$dtStart = $dtFromOld('starts_at', $m['starts_at'] ?? null);
|
||
$dtEnd = $dtFromOld('ends_at', $m['ends_at'] ?? null);
|
||
$selCinema = (int)old('cinema_id', $m['cinema_id'] ?? 0);
|
||
$curAttendees = array_map('intval', array_column($m['attendees'] ?? [], 'id'));
|
||
$selAttendees = array_map('intval', (array)old('attendees', $curAttendees));
|
||
?>
|
||
<div class="page-head">
|
||
<h1><?= $isEdit ? '编辑观影记录' : '记一场电影' ?></h1>
|
||
<span class="sub"><?= $isEdit ? e($m['title']) : '片名必填，其他都可以以后再补' ?></span>
|
||
</div>
|
||
|
||
<form method="post" enctype="multipart/form-data"
|
||
action="<?= e(url($isEdit ? 'movies/update' : 'movies/create')) ?>">
|
||
<?= csrf_field() ?>
|
||
<?php if ($isEdit): ?>
|
||
<input type="hidden" name="id" value="<?= (int)$m['id'] ?>">
|
||
<?php endif; ?>
|
||
|
||
<div class="card card-pad">
|
||
<div class="form-grid">
|
||
<div class="field full">
|
||
<label for="title">片名 *</label>
|
||
<div class="db-title-row">
|
||
<input class="input" id="title" name="title" value="<?= e(old('title', $m['title'] ?? '')) ?>"
|
||
required autocomplete="off">
|
||
<button type="button" class="btn btn-ghost btn-sm" id="dbFetch"
|
||
title="按片名从豆瓣抓取片名、简介、海报等">📡 自动获取</button>
|
||
</div>
|
||
<?php /* v10 豆瓣自动补充：输入片名出下拉候选，点「自动获取」直接抓。
|
||
抓到的元数据整体进隐藏 douban_meta（JSON），海报走服务端落盘的 poster_key。 */ ?>
|
||
<div class="db-suggest" id="dbSuggest" hidden></div>
|
||
<input type="hidden" name="douban_meta" id="dbMeta" value="">
|
||
<input type="hidden" name="poster_key" id="dbPosterKey" value="">
|
||
<div class="db-poster-preview" id="dbPosterWrap" hidden>
|
||
<img id="dbPosterImg" alt="海报预览">
|
||
<span class="tip">海报已从豆瓣取回，保存后生效。</span>
|
||
</div>
|
||
<span class="tip">片名可从豆瓣自动补充：输入后从下拉里选，或点「自动获取」。</span>
|
||
<?php if (!empty($errors['title'])): ?><span class="err"><?= e($errors['title']) ?></span><?php endif; ?>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label <?= $isEdit ? '' : 'for="starts_at_date"' ?>>开始时间（精确到秒）</label>
|
||
<?php $dtName = 'starts_at'; $dtValue = $dtStart; $dtId = 'starts_at_date';
|
||
require __DIR__ . '/../_datetime.php'; ?>
|
||
<?php if (!empty($errors['starts_at'])): ?><span class="err"><?= e($errors['starts_at']) ?></span><?php endif; ?>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label>结束时间（散场，可不填）</label>
|
||
<?php $dtName = 'ends_at'; $dtValue = $dtEnd; $dtId = '';
|
||
require __DIR__ . '/../_datetime.php'; ?>
|
||
<?php if (!empty($errors['ends_at'])): ?><span class="err"><?= e($errors['ends_at']) ?></span><?php endif; ?>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label for="cinema_id">影院</label>
|
||
<div class="cinema-select-row">
|
||
<select class="select" id="cinema_id" name="cinema_id">
|
||
<option value="0">不记录影院</option>
|
||
<?php foreach ($cinemas as $c): ?>
|
||
<option value="<?= (int)$c['id'] ?>" <?= $selCinema === (int)$c['id'] ? 'selected' : '' ?>>
|
||
<?= e(trim(((string)($c['place'] ?? '') !== '' ? $c['place'] . ' · ' : '') . $c['name'])) ?>
|
||
</option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
<a class="btn btn-ghost btn-sm" href="<?= e(url('movies/cinemas')) ?>">管理影院</a>
|
||
</div>
|
||
<span class="tip">想记一家还没录过的影院？先去「管理影院」里添加，回来这里就能选。</span>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label>同行的人</label>
|
||
<?php /* v10：名册人多时 checkbox 网格会拉得很长 —— 改为「chips + 弹窗选择」。
|
||
attendees[] 的 checkbox 仍保留（在弹窗列表里，选中即提交），无 JS 时
|
||
借 noscript 样式把弹窗平铺成普通勾选列表，提交语义完全不变。
|
||
v11：chips 与弹窗列表都带上头像（$p 来自 Person::roster，含 p.avatar）。 */ ?>
|
||
<?php if ($people): ?>
|
||
<div class="att-chips" id="attChips">
|
||
<?php foreach ($people as $p): ?>
|
||
<?php if (in_array((int)$p['id'], $selAttendees, true)): ?>
|
||
<span class="att-chip" data-id="<?= (int)$p['id'] ?>"><img src="<?= e(avatar_url($p['avatar'] ?? null)) ?>" alt=""><span class="att-name"><?= e($p['shown'] ?? $p['name']) ?></span><button type="button" class="att-x" data-id="<?= (int)$p['id'] ?>" title="移除">×</button></span>
|
||
<?php endif; ?>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<button type="button" class="btn btn-ghost btn-sm att-open-btn" id="attOpen">+ 添加观影人</button>
|
||
<div class="att-modal" id="attModal" hidden>
|
||
<div class="att-modal-box">
|
||
<div class="att-modal-head">
|
||
<b>选择观影人</b>
|
||
<button type="button" class="att-close" id="attClose" title="关闭">×</button>
|
||
</div>
|
||
<input class="input" id="attSearch" type="text"
|
||
placeholder="输入名字或拼音首字母，如 zy 找「张三」" autocomplete="off">
|
||
<div class="att-list" id="attList">
|
||
<?php foreach ($people as $p): ?>
|
||
<label class="att-item"
|
||
data-name="<?= e((string)$p['name']) ?>"
|
||
data-shown="<?= e((string)($p['shown'] ?? '')) ?>">
|
||
<input type="checkbox" name="attendees[]" value="<?= (int)$p['id'] ?>"
|
||
<?= in_array((int)$p['id'], $selAttendees, true) ? 'checked' : '' ?>>
|
||
<img class="att-av" src="<?= e(avatar_url($p['avatar'] ?? null)) ?>" alt="" loading="lazy">
|
||
<span class="att-name"><?= e($p['shown'] ?? $p['name']) ?></span>
|
||
<span class="att-initials" hidden></span>
|
||
</label>
|
||
<?php endforeach; ?>
|
||
<div class="att-empty" hidden>没有匹配的人。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<noscript><style>.att-open-btn { display: none; } .att-modal { position: static; display: block; background: none; padding: 0; } .att-modal-box { box-shadow: none; border: 1px solid var(--line); max-height: none; }</style></noscript>
|
||
<?php else: ?>
|
||
<span class="tip">名册里还没有人，先把家人加进名册再来记。</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label for="info">简介</label>
|
||
<textarea class="input" id="info" name="info" rows="3"
|
||
placeholder="剧情简介（可选）"><?= e(old('info', $m['info'] ?? '')) ?></textarea>
|
||
</div>
|
||
|
||
<div class="field full">
|
||
<label for="note">备注</label>
|
||
<textarea class="input" id="note" name="note" rows="2"><?= e(old('note', $m['note'] ?? '')) ?></textarea>
|
||
</div>
|
||
|
||
<div class="field">
|
||
<label for="poster">海报</label>
|
||
<input class="input" id="poster" name="poster" type="file" accept="image/*">
|
||
<?php if ($isEdit && !empty($m['poster_key'])): ?>
|
||
<span class="tip">已有海报，不选新图就保留原图。</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div class="field">
|
||
<label for="ticket">票根</label>
|
||
<input class="input" id="ticket" name="ticket" type="file" accept="image/*">
|
||
<?php if ($isEdit && !empty($m['ticket_key'])): ?>
|
||
<span class="tip">已有票根，不选新图就保留原图。</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<?php if (!$isEdit): ?>
|
||
<div class="field full">
|
||
<label for="photo">现场照片（可多选）</label>
|
||
<input class="input" id="photo" name="photo[]" type="file" accept="image/*" multiple>
|
||
<span class="tip">之后也可以在详情页里逐张补传。</span>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div class="btn-row">
|
||
<button type="submit" class="btn"><?= $isEdit ? '保存' : '记下这场电影' ?></button>
|
||
<a class="btn btn-ghost"
|
||
href="<?= e($isEdit ? url('movies/show', ['id' => (int)$m['id']]) : url('movies')) ?>">取消</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<?php if ($people): ?>
|
||
<!-- 观影人选择弹窗：chips 同步 + 拼音首字母联想（Intl pinyin 排序 + 23 锚字二分，零依赖） -->
|
||
<script>
|
||
(function () {
|
||
var modal = document.getElementById('attModal');
|
||
if (!modal) return;
|
||
var openBtn = document.getElementById('attOpen');
|
||
var closeBtn = document.getElementById('attClose');
|
||
var search = document.getElementById('attSearch');
|
||
var list = document.getElementById('attList');
|
||
var chips = document.getElementById('attChips');
|
||
var emptyTip = list.querySelector('.att-empty');
|
||
|
||
/* ---- 汉字 → 拼音首字母：锚字表 a..z（23 个，无 i/u/v 开头字），
|
||
用拼音 collation 做二分定位；不支持的浏览器返回 null（只按名字搜） ---- */
|
||
var initialsOf = (function () {
|
||
var anchors = '阿八擦搭娥发嘎哈击喀垃妈拿哦啪期然撒塌挖昔压匝';
|
||
var letters = 'abcdefghjklmnopqrstwxyz';
|
||
var coll;
|
||
try { coll = new Intl.Collator('zh-Hans-CN-u-co-pinyin'); } catch (e) { return null; }
|
||
if (!coll || coll.compare('阿', '匝') >= 0) return null; // collation 没生效
|
||
return function (s) {
|
||
var out = '';
|
||
for (var i = 0; i < s.length; i++) {
|
||
var ch = s[i];
|
||
if (/[a-zA-Z]/.test(ch)) { out += ch.toUpperCase(); continue; }
|
||
if (ch.charCodeAt(0) < 0x2E80) continue; // 非 CJK：不产字母
|
||
var lo = 0, hi = anchors.length - 1, best = -1;
|
||
while (lo <= hi) {
|
||
var mid = (lo + hi) >> 1;
|
||
if (coll.compare(ch, anchors[mid]) >= 0) { best = mid; lo = mid + 1; }
|
||
else { hi = mid - 1; }
|
||
}
|
||
if (best >= 0) out += letters[best];
|
||
}
|
||
return out;
|
||
};
|
||
})();
|
||
|
||
/* 预计算每个人的首字母串，挂在 data-initials 上 */
|
||
Array.prototype.forEach.call(list.querySelectorAll('.att-item'), function (el) {
|
||
var s = (el.getAttribute('data-name') || '') + (el.getAttribute('data-shown') || '');
|
||
var ini = initialsOf ? initialsOf(s) : '';
|
||
el.setAttribute('data-initials', ini.toLowerCase());
|
||
var badge = el.querySelector('.att-initials');
|
||
if (badge && ini) { badge.textContent = ini; badge.hidden = false; }
|
||
});
|
||
|
||
function syncChips() {
|
||
if (!chips) return;
|
||
chips.innerHTML = '';
|
||
Array.prototype.forEach.call(list.querySelectorAll('.att-item input:checked'), function (box) {
|
||
var item = box.closest('.att-item');
|
||
// ⚠️ 必须点名取 .att-name：v11 起 .att-item 里第一个元素是头像 <img>，
|
||
// 早先靠「取第一个 span 当名字」碰巧成立，现在第一个 span 是隐藏的
|
||
// 首字母占位，选完人 chip 上就没名字了。
|
||
var nameEl = item.querySelector('.att-name');
|
||
var label = nameEl ? nameEl.textContent : box.value;
|
||
var av = item.querySelector('.att-av');
|
||
var id = box.value;
|
||
var chip = document.createElement('span');
|
||
chip.className = 'att-chip';
|
||
chip.setAttribute('data-id', id);
|
||
if (av) {
|
||
var im = document.createElement('img');
|
||
im.src = av.getAttribute('src'); // 服务端已 e() 过，这里原样搬
|
||
im.alt = '';
|
||
chip.appendChild(im);
|
||
}
|
||
var nm = document.createElement('span');
|
||
nm.className = 'att-name';
|
||
nm.textContent = label;
|
||
chip.appendChild(nm);
|
||
var x = document.createElement('button');
|
||
x.type = 'button'; x.className = 'att-x'; x.textContent = '×';
|
||
x.title = '移除'; x.setAttribute('data-id', id);
|
||
chip.appendChild(x);
|
||
chips.appendChild(chip);
|
||
});
|
||
}
|
||
|
||
chips.addEventListener('click', function (e) {
|
||
var x = e.target.closest ? e.target.closest('.att-x') : null;
|
||
if (!x) return;
|
||
var id = x.getAttribute('data-id');
|
||
Array.prototype.forEach.call(list.querySelectorAll('.att-item input'), function (box) {
|
||
if (box.value === id) box.checked = false;
|
||
});
|
||
syncChips();
|
||
});
|
||
|
||
function applyFilter() {
|
||
var q = (search.value || '').trim().toLowerCase();
|
||
var shown = 0;
|
||
Array.prototype.forEach.call(list.querySelectorAll('.att-item'), function (el) {
|
||
var hit = !q ||
|
||
(el.getAttribute('data-name') || '').toLowerCase().indexOf(q) >= 0 ||
|
||
(el.getAttribute('data-shown') || '').toLowerCase().indexOf(q) >= 0 ||
|
||
(el.getAttribute('data-initials') || '').indexOf(q) >= 0;
|
||
el.hidden = !hit;
|
||
if (hit) shown++;
|
||
});
|
||
emptyTip.hidden = shown > 0;
|
||
}
|
||
|
||
function openModal() { modal.hidden = false; search.value = ''; applyFilter(); syncChips(); search.focus(); }
|
||
function closeModal() { modal.hidden = true; }
|
||
openBtn.addEventListener('click', openModal);
|
||
closeBtn.addEventListener('click', closeModal);
|
||
modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });
|
||
document.addEventListener('keydown', function (e) {
|
||
if (e.key === 'Escape' && !modal.hidden) closeModal();
|
||
});
|
||
search.addEventListener('input', applyFilter);
|
||
|
||
/* 选一个 = 勾上 + 出 chips + 关弹窗（再添加就再点一次「+ 添加观影人」）；
|
||
在弹窗里取消勾选只同步 chips，不关弹窗 */
|
||
list.addEventListener('change', function (e) {
|
||
if (!e.target || e.target.tagName !== 'INPUT') return;
|
||
syncChips();
|
||
if (e.target.checked) closeModal();
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
<!-- 豆瓣自动补充：下拉联想（320ms 防抖 + 中文输入法组字期不请求）+ 一键抓取 -->
|
||
<script>
|
||
(function () {
|
||
var DB_URL = <?= json_encode(url('movies/douban')) ?>;
|
||
var titleEl = document.getElementById('title');
|
||
var box = document.getElementById('dbSuggest');
|
||
var fetchBtn = document.getElementById('dbFetch');
|
||
var metaEl = document.getElementById('dbMeta');
|
||
var posterKeyEl = document.getElementById('dbPosterKey');
|
||
var posterWrap = document.getElementById('dbPosterWrap');
|
||
var posterImg = document.getElementById('dbPosterImg');
|
||
var infoEl = document.getElementById('info');
|
||
if (!titleEl || !box || !fetchBtn || !metaEl) return;
|
||
|
||
var lastPosterKey = ''; // 本次会话里最近一次抓到的海报键（下次抓取时回传清理）
|
||
var timer = null;
|
||
var composing = false;
|
||
var seq = 0; // 丢弃过期响应
|
||
|
||
titleEl.addEventListener('compositionstart', function () { composing = true; });
|
||
titleEl.addEventListener('compositionend', function () { composing = false; schedule(); });
|
||
titleEl.addEventListener('input', function () {
|
||
if (composing) return; // 组字期间的拼音串没有意义，也不劫持回车
|
||
schedule();
|
||
});
|
||
document.addEventListener('click', function (e) {
|
||
if (!box.hidden && !box.contains(e.target) && e.target !== titleEl) hideBox();
|
||
});
|
||
document.addEventListener('keydown', function (e) {
|
||
if (e.key === 'Escape') hideBox();
|
||
});
|
||
|
||
function schedule() {
|
||
clearTimeout(timer);
|
||
timer = setTimeout(suggest, 320);
|
||
}
|
||
function hideBox() { box.hidden = true; box.innerHTML = ''; }
|
||
|
||
function suggest() {
|
||
var q = titleEl.value.trim();
|
||
if (q === '') { hideBox(); return; }
|
||
var my = ++seq;
|
||
getJson(DB_URL + '&action=suggest&q=' + encodeURIComponent(q), function (data, err) {
|
||
if (my !== seq) return; // 过期响应丢弃
|
||
if (err) return; // 联想失败静默（正片抓取会给出明确报错）
|
||
renderItems(data && data.items ? data.items : []);
|
||
});
|
||
}
|
||
|
||
function renderItems(items) {
|
||
box.innerHTML = '';
|
||
if (!items.length) { hideBox(); return; }
|
||
items.forEach(function (it) {
|
||
var btn = document.createElement('button');
|
||
btn.type = 'button';
|
||
btn.className = 'db-item';
|
||
if (it.thumb) {
|
||
var im = document.createElement('img');
|
||
im.src = it.thumb; im.alt = ''; im.loading = 'lazy';
|
||
btn.appendChild(im);
|
||
}
|
||
var tx = document.createElement('span');
|
||
tx.className = 'db-item-tx';
|
||
var b = document.createElement('b');
|
||
// 候选文本来自豆瓣 —— 一律 textContent 插入，绝不拼 innerHTML（豆瓣侧内容可注入脚本）
|
||
b.textContent = it.title || '(无片名)';
|
||
tx.appendChild(b);
|
||
var bits = [];
|
||
if (it.sub_title && it.sub_title !== it.title) bits.push(it.sub_title);
|
||
if (it.year) bits.push(it.year);
|
||
if (it.kind) bits.push(it.kind);
|
||
if (bits.length) {
|
||
var sm = document.createElement('small');
|
||
sm.textContent = bits.join(' · ');
|
||
tx.appendChild(sm);
|
||
}
|
||
btn.appendChild(tx);
|
||
btn.addEventListener('click', function () { hideBox(); fetchById(it.id); });
|
||
box.appendChild(btn);
|
||
});
|
||
box.hidden = false;
|
||
}
|
||
|
||
function fetchById(id) {
|
||
doFetch(DB_URL + '&id=' + encodeURIComponent(id));
|
||
}
|
||
fetchBtn.addEventListener('click', function () {
|
||
var q = titleEl.value.trim();
|
||
if (q === '') { titleEl.focus(); return; }
|
||
doFetch(DB_URL + '&q=' + encodeURIComponent(q));
|
||
});
|
||
|
||
function doFetch(urlWithQ) {
|
||
if (lastPosterKey) urlWithQ += '&old_poster=' + encodeURIComponent(lastPosterKey);
|
||
fetchBtn.disabled = true;
|
||
var my = ++seq;
|
||
getJson(urlWithQ, function (data, err) {
|
||
fetchBtn.disabled = false;
|
||
if (my !== seq) return;
|
||
if (err || !data) { alert(err || '抓取失败，请稍后再试'); return; }
|
||
if (data.error) { alert(data.error); return; }
|
||
apply(data);
|
||
});
|
||
}
|
||
|
||
function apply(data) {
|
||
if (data.title) titleEl.value = data.title;
|
||
if (data.meta) {
|
||
metaEl.value = JSON.stringify(data.meta);
|
||
// 剧情简介填进「简介」，但只填空白的 —— 用户已经写了就不覆盖
|
||
if (infoEl && data.meta.plot && infoEl.value.trim() === '') infoEl.value = data.meta.plot;
|
||
}
|
||
if (data.poster_key) {
|
||
lastPosterKey = data.poster_key;
|
||
posterKeyEl.value = data.poster_key;
|
||
if (data.poster) {
|
||
posterImg.src = data.poster;
|
||
posterWrap.hidden = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
function getJson(u, cb) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('GET', u, true);
|
||
xhr.onload = function () {
|
||
var data = null, err = '';
|
||
try { data = JSON.parse(xhr.responseText); }
|
||
catch (e) { err = '返回内容异常'; }
|
||
if (xhr.status >= 400) err = (data && data.error) ? data.error : ('请求失败（' + xhr.status + '）');
|
||
cb(data, err);
|
||
};
|
||
xhr.onerror = function () { cb(null, '网络异常'); };
|
||
xhr.send();
|
||
}
|
||
})();
|
||
</script>
|
||
<?php endif; ?>
|