失信被执行人查询前端源码（调用第三方 API 渲染结果）

源码简介

这套源码是一个单文件 HTML 的失信被执行人查询页面，直接用浏览器打开就能用，核心是通过前端 JS 调用第三方接口拉取数据并渲染成表格。页面提供姓名、证件号、地区与分页等查询条件，返回结果以列表加详情弹窗的形式展示。它本身不带后端、不落地存储，属于典型的前端套壳查询 Demo，适合拿来学习接口调用、表格渲染和弹窗交互的写法。

适用场景

• 学习前端如何调用第三方开放接口并解析 JSON 渲染页面

• 作为失信被执行人公开信息查询界面的 UI 参考

• 二次开发成带自己后端与数据库的查询工具

技术栈与运行环境

• 前端：HTML + CSS + 原生 JavaScript（内联，无框架）

• 后端：无（纯前端，查询走远程 API）

• 数据库：无

• 运行环境：任意现代浏览器 + 联网；依赖 Tailwind、FontAwesome 的 CDN

• 其他依赖：第三方失信查询 API（v2.xxapi.cn/api/shixin）及密钥

功能亮点

• 单文件前端查询页：index.html 内联全部 JS，无需部署后端即可打开运行

• 多条件查询：支持被执行人姓名、身份证号/信用代码、地区与分页参数

• 结果表格展示：以表格列出姓名、执行法院、立案时间、履行情况等字段

• 详情弹窗：点击单条记录弹出案件详情，含案号、义务、失信情形与履行部分

• 第三方 API 调用封装：统一拼接 URL 与密钥、fetch 取数并处理分页

安装与部署提示

1. 直接用浏览器打开 index.html 即可看到界面（需联网加载 CDN 与接口）。

1. 接口地址与密钥硬编码在页面 JS 中，若要长期使用需替换为自己申请的密钥。

1. 无服务器、无数据库配置；若要做成正式工具，建议补一个后端代理转发查询，避免密钥暴露在前端。

截图与演示说明

常见问题

#### 运行前需要注意什么？

必须联网，且第三方接口可用；页面里的 API 密钥是源码作者申请的，可能随时失效或被限流，正式使用请换成自己的密钥。

#### 适合二次开发吗？

适合。代码是纯前端、结构清晰，可改造成带后端的查询工具，但查询涉及个人身份信息，改造时务必做好授权与合规控制。

安全风险提示

特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！

正常分析中还发现以下需注意的点：

• 路径/类型：index.html 第 355 行硬编码第三方 API 密钥 `84eec7adec11cd62`，该密钥非下载者所有，存在失效、限流或被原主停用风险，正式部署务必替换。

• 路径/类型：页面顶部标注“数据来源：中国执行信息公开网”，但第 424 行实际调用的是商业聚合 API `v2.xxapi.cn/api/shixin`，数据源标注与真实来源不符，属虚假溯源。

• 路径/类型：第 252–292 行将页脚推广域名 `www.xishuziyuan.com` 用字符数组 / `String.fromCharCode` 混淆，并用 MutationObserver（第 315–341 行）监听版权元素、一旦被改就重建该推广链接，属强制保留的灰色导流，对查询功能无帮助，建议部署前删除。

• 合规/隐私：表单会收集姓名与身份证号并发送到第三方接口，请勿用于查询无关第三方的个人隐私信息；公开查询他人失信记录需符合个人信息保护与相关法律规定。

下载说明

源码仅供学习研究、测试部署和二次开发参考，商用前请自行确认授权、版权和安全风险。如涉及个人信息查询，请仅用于本人授权范围内的合法用途，遵守《个人信息保护法》等相关规定，不得用于非法获取或传播他人隐私。