url中参数变成%5Bobject%20PointerEvent%5D是为什么

时间: 2023-12-30 20:06:08 浏览: 188

JSP中js传递和解析URL参数以及中文转码和解码问题

在JSP开发中，经常会遇到需要在JavaScript中传递和解析URL参数，以及涉及到中文字符转码和解码的问题。这些操作对于前端开发人员来说是基础技能，但却是构建动态网页和实现前后端交互的重要环节。下面详细介绍一下这些知识点。我们来看看如何在JavaScript中传递URL参数。在实际的Web开发中，我们经常需要将一些信息从当前页面传递到另一个页面。这通常通过URL的查询字符串来实现。查询字符串是附加在URL后面的一部分，以“?”开头，由多个参数组成，每个参数以“&”分隔。例如，一个典型的传递参数的URL可能看起来像这样：`***`。在JavaScript中，我们可以使用`encodeURI`函数对参数进行编码，以确保URL中的特殊字符被正确处理。由于中文字符在URL中也属于特殊字符，因此在传递前需要进行编码。例如，若要传递一个包含中文字符的参数，需要对其进行两次`encodeURI`编码，如下所示： ```javascript var sensor = '传感器'; var device = '设备'; var instrument = '仪器'; var n = '数量'; var addDate = '日期'; var pmt = 'sensor=' + encodeURI(encodeURI(sensor)) + '&device=' + encodeURI(encodeURI(device)) + '&instrument=' + encodeURI(encodeURI(instrument)) + '&n=' + n + '&addDate=' + addDate; top.location.href = 'jsp/print/diagnosticAnaPrint.jsp?' + pmt; ``` 上述代码首先将`sensor`、`device`和`instrument`变量中的中文字符进行双重编码，然后将参数拼接成一个查询字符串，并通过改变当前窗口的`location.href`属性来传递这些参数。在接收和解析参数时，JavaScript提供了`location.search`属性来获取URL中“?”后面的查询字符串部分。我们可以通过编写一个函数`GetRequest`来解析这些参数。此函数通过分割查询字符串并使用`unescape`函数进行解码，将参数名和值存储在一个对象中返回： ```javascript function GetRequest() { var url = location.search; // 获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; } ``` 在此函数中，首先检查URL中是否存在查询字符串，如果存在，则提取并分割它，然后遍历分割后的参数数组，通过再次分割以“=”为分隔符的字符串来分别获取参数名和参数值，最后使用`unescape`函数对参数值进行解码，并将它们存储在对象`theRequest`中返回。此外，还存在其他两种常见的方法来获取URL参数，即正则分析法和查询字符串方法。正则分析法使用正则表达式来匹配所需的参数，如下所示： ```javascript function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } ``` 上述函数`getQueryString`使用了一个正则表达式来寻找与`name`参数相匹配的查询字符串，并返回其值。查询字符串方法则通过`location.search`获取查询字符串后，使用分割和拼接的方式来获取特定参数值： ```javascript function getRequest() { var url = location.search; // 获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; } ``` 这两种方法都是实现URL参数获取的有效方式，开发者可以根据实际情况选择合适的方法。对于中文转码和解码的问题，由于URL有规定的编码格式，当URL中包含中文字符时，需要对其进行编码，以防止字符显示错误或请求失败。在JavaScript中，我们使用`encodeURI`对URL中的中文字符进行编码，而`decodeURI`则用于解码。需要注意的是，由于`encodeURI`不会对所有字符进行编码，对于一些特殊字符，如`&`、`+`、`/`、`?`和`#`等，需要使用`encodeURIComponent`进行编码，否则这些特殊字符可能会影响URL的解析。例如，在将参数传递到URL之前，可以这样编码： ```javascript var sensor = '传感器'; sensor = encodeURIComponent(sensor); var pmt = 'sensor=' + sensor; ``` 在接收端，则可以这样解码： ```javascript var sensor = decodeURIComponent(Request['sensor']); ``` 掌握JavaScript中URL参数的传递和解析以及中文字符的转码和解码技术，对于实现Web页面的动态交互功能是至关重要的。以上便是对JSP中JavaScript传递和解析URL参数以及中文转码和解码问题的详细分析。

这是因为在URL中，某些特殊字符比如"[", "]"等需要进行编码，以便能够被正确地传输和解析。"%5B"代表"["，"%5D"代表"]"，因此"%5Bobject%20PointerEvent%5D"实际上就是"[object PointerEvent]"的编码形式。可能是某个JavaScript代码中将一个PointerEvent对象转化为字符串并添加到URL参数中时，没有进行正确的编码。

阅读全文

url中参数变成%5Bobject%20PointerEvent%5D是为什么

相关推荐

JS获取URL中参数值（QueryString）的4种方法分享

django ListView的使用 ListView中获取url中的参数值方式

%5Bobject%20Object%5D get

http://localhost:8080/updategoods?editData=%5Bobject%20Object%5D

js代码-JavaScript中获取URL中参数值的方法

Flex通过URL获取参数

asp.net中URL参数传值中文乱码的三种解决办法

vue-url-params:一个vue mixin，可简化使用url参数的工作。 开发该软件包的目的是允许使用url参数定义vue过滤器的键和值

JS截取url中问号后面参数的值信息

js中将URL中的参数提取出来作为对象的实现代码

JS获取url参数详细

js代码-js解析url查询参数

[object PointerEvent]

vue报错 Invalid prop: type check failed for prop "mark". Expected String with value "[object PointerEvent]", got PointerEvent

Invalid prop: type check failed for prop "value". Expected Object, got PointerEvent

Invalid prop: type check failed for prop "row". Expected Object, got PointerEvent

Invalid prop: type check failed for prop "model". Expected Object, got PointerEvent

2009-2023年上市公司企业客户ESG数据-最新出炉.zip

最新推荐

oracle中schema指的是什么意思

postman中POST请求时参数包含参数list设置方式

jsp中利用jquery+ajax在前后台之间传递json格式参数

C#向线程中传递多个参数的解决方法(两种)

springcloud 中 zuul 修改请求参数信息的方法

IEEE 14总线系统Simulink模型开发指南与案例研究

管理建模和仿真的文件

【数据安全黄金法则】：R语言中party包的数据处理与隐私保护

Takagi-Sugeno模糊控制方法的原理是什么？如何设计一个基于此方法的零阶或一阶模糊控制系统？

STLinkV2.J16.S4固件更新与应用指南

vue-url-params:一个vue mixin，可简化使用url参数的工作。开发该软件包的目的是允许使用url参数定义vue过滤器的键和值