如何通过jQuery提取网页中的application/json格式数据？

你可以通过以下简洁步骤提取这段嵌入的JSON数据：

1. 精准定位目标元素：借助脚本的id="user-metadata"直接选中，这是效率最高的定位方式
2. 提取并解析JSON内容：获取元素的文本内容后，用JSON.parse()转换为可直接操作的JavaScript对象

完整代码示例：

// 获取脚本内的JSON文本（trim()去除首尾空白字符）
const jsonText = $("#user-metadata").text().trim();
// 解析为JS对象
const userMetadata = JSON.parse(jsonText);

// 直接访问属性示例
console.log(userMetadata.username); // 输出 zee_162
console.log(userMetadata.user_id); // 输出 393900

额外提示： #

• 脚本的type="application/json"是核心保障，浏览器会将其视为纯数据而非可执行脚本，避免安全风险同时确保数据完整性
• 若需兼容可能的JSON格式错误，可添加异常捕获：

let userMetadata;
try {
  const jsonText = $("#user-metadata").text().trim();
  userMetadata = JSON.parse(jsonText);
} catch (err) {
  console.error("JSON解析失败:", err);
  // 可在此添加自定义错误处理逻辑
}

内容的提问来源于stack exchange，提问作者Zulfiqar Memon