如何解析URL中error参数内的default message并提取错误信息？

从第三方获取到如下URL链接：

https://app-pv.myfamily.com/myconnect/myapp/myDetails?myDetailsNbr=U123763673&source=myAppsearch&error=[[Error%20in%20object%20%27myStatusModel%27:%20codes%20[claims.correct.adjust.notsubmitted.27myStatusModel,myApp.correct.adjust.notsubmitted];%20arguments%20[];%20default%20message%20[This%20Claim%20has%20an%20Corrected%20Claims%20which%20is%20not%20yet%20approved.]]]

需要解析URL中error参数里的default message内容，提取错误信息。尝试过split和替换%20的方法，但都没成功，当前代码如下：

var str = "https://app-pv.myfamily.com/myconnect/myapp/myDetails?myDetailsNbr=U123763673&source=myAppsearch&error=[[Error%20in%20object%20%27myStatusModel%27:%20codes%20[claims.correct.adjust.notsubmitted.27myStatusModel,myApp.correct.adjust.notsubmitted];%20arguments%20[];%20default%20message%20[This%20Claim%20has%20an%20Corrected%20Claims%20which%20is%20not%20yet%20approved.]]]";
var url = str.replace(/%20/g, "");
console.log(url.find,'ppp')

可以通过以下步骤提取目标错误信息：

核心思路 #

先解码URL处理所有编码字符，再通过正则匹配或格式转换解析error参数中的default message内容。

方法一：正则匹配（快速提取） #

直接用正则定位default message后的内容，适合仅需提取错误信息的场景：

var str = "https://app-pv.myfamily.com/myconnect/myapp/myDetails?myDetailsNbr=U123763673&source=myAppsearch&error=[[Error%20in%20object%20%27myStatusModel%27:%20codes%20[claims.correct.adjust.notsubmitted.27myStatusModel,myApp.correct.adjust.notsubmitted];%20arguments%20[];%20default%20message%20[This%20Claim%20has%20an%20Corrected%20Claims%20which%20is%20not%20yet%20approved.]]]";

// 解码URL，处理所有编码字符
const decodedStr = decodeURIComponent(str);

// 正则匹配default message后的内容
const regex = /default message \[(.*?)\]/;
const matchResult = decodedStr.match(regex);

if (matchResult) {
  const errorMessage = matchResult[1];
  console.log(errorMessage); // 输出：This Claim has an Corrected Claims which is not yet approved.
}

方法二：转为JSON解析（灵活获取多字段） #

将error参数的格式调整为近似JSON的结构，解析后可获取codes、arguments等其他字段：

var str = "https://app-pv.myfamily.com/myconnect/myapp/myDetails?myDetailsNbr=U123763673&source=myAppsearch&error=[[Error%20in%20object%20%27myStatusModel%27:%20codes%20[claims.correct.adjust.notsubmitted.27myStatusModel,myApp.correct.adjust.notsubmitted];%20arguments%20[];%20default%20message%20[This%20Claim%20has%20an%20Corrected%20Claims%20which%20is%20not%20yet%20approved.]]]";

// 提取并解码error参数
const urlParams = new URLSearchParams(str.split('?')[1]);
const decodedError = decodeURIComponent(urlParams.get('error'));

// 将error参数转换为可解析的JSON格式
const jsonLikeStr = decodedError
  .replace(/\[\[/g, '[{')
  .replace(/\]\]/g, '}]')
  .replace(/codes \[/g, '"codes": [')
  .replace(/arguments \[/g, '"arguments": [')
  .replace(/default message \[/g, '"default message": "')
  .replace(/\](?=[;\}])/g, '"')
  .replace(/;/g, ',');

// 解析为JSON对象并提取信息
try {
  const errorObj = JSON.parse(jsonLikeStr)[0];
  console.log(errorObj['default message']); // 输出目标错误信息
  console.log(errorObj.codes); // 可同时获取codes数组
} catch (err) {
  console.error('解析失败:', err);
}

关键说明 #

• decodeURIComponent是处理URL编码的标准方式，比手动替换%20更可靠，能处理所有URL编码字符（如%27对应单引号）。
• 正则匹配更简洁高效，JSON解析则适合需要获取error参数中多个字段的场景。

内容的提问来源于stack exchange，提问作者Hema Nandagopal