vuerouter.query如何获取含有特殊字符的参数

Posted 2023-04-04

1 可以通过encodeURIComponent方法进行编码处理后获取含有特殊字符的参数。

2 因为特殊字符在URL中需要进行编码处理，否则会出现意外的结果或错误的解析。

3 例如，如果获取参数name中含有特殊字符的值，可以使用vuerouter.query获取参数后再使用decodeURIComponent方法进行解码处理，代码示例如下：const name = this.$route.query.name // 获取参数
const decodedName = decodeURIComponent(name) // 解码处理含有特殊字符的值这样就可以正确地获取含有特殊字符的参数值了。 参考技术A Vue Router可以使用$route.params对象来获取和访问匹配的路由参数，包括特殊字符。它会将参数字符串转换为对象，这样就可以很容易地访问含有特殊字符的参数。例如，如果路由定义为/user/:userId/post/:postId，则可以使用$route.params.postId来访问带有特殊字符的参数postId。

JObject对象如何获取深度属性值&不判断key是否存在获取值&获取含有特殊字符的key值

　　前言：我们有时常会用到JObject对象接受数据，并通过JObject快速获取指定key的值，顺序的话是没有问题的，但是假如你遇到如下的JObject对象，该怎么快速获取数据呢？

{
  "details": {
    "threeds2.fingerprint": "123"
  },
  "paymentData": "456"
}

 

　　正常情况下，你如果想获取键：threeds2.fingerprint的值，是怎么获取的？

　　如下：

JObject jobj=Newtonsoft.Json.JsonConvert.DeserializeObject<Newtonsoft.Json.Linq.JObject>(str);

string finger=jobj["details"]["threeds2.fingerprint"];

　　但是这样写是存在风险的。  第一，我们没有加任何key的判断，容易报异常，那么换一种写法：

Newtonsoft.Json.Linq.JObject jobj = Newtonsoft.Json.JsonConvert.DeserializeObject<Newtonsoft.Json.Linq.JObject>(str);

                if (jobj.ContainsKey("details"))
                {
                    Newtonsoft.Json.Linq.JToken jtoken = jobj["details"];
                    if (jtoken.Value<string>("threeds2.challengeResult")!=null)
                    {
                        string finger = jtoken["threeds2.challengeResult"].ToString();
                    }
                }

　　为了不报异常，加了各种判断，这样也不太好，最好的方案如下：

jobj.SelectToken("details.[‘threeds2.fingerprint‘]")).Value<string>();

　　划重点：这里需要注意： SelectToken方法支持我们输入深度Key的访问路径来获取数据，父子级使用"."连接；如果遇到key含有特殊符号点的，使用中括号加单引号包裹。而且这种写法不会抛出异常，如果路径错误或不存在返回值为null。