Ajax GET请求:url参数中包含 "#" 特殊字符的处理

问题:使用axios发送get查询请求,url 参数中只要包含”#”,请求参数只保留“#”之前的内容,“#”之后的字符全被裁掉,可能导致接口未知错误。

例如:

期望请求: url: '/some/request/?test_parameter=test#parameter'

实际请求:url: '/some/request/?test_parameter=test'

“#parameter”将自动被丢弃,达不到预期查询效果。

原因:

“#”在URI中用来指向一个锚点(如:某一元素的id)。

期望请求实际定位到/some/request/?test_parameter=test这个页面的中id="parameter"的元素的位置。

有些URL直接以#结尾,后面不带任何字符,比如:

url: '/some/request/?test_parameter=test#'

表示定位到/some/request/?test_parameter=test页面的最顶端。

解决:

1、在拼接参数的时候,使用 encodeURIComponent() 进行手动转义。

如:url: '/some/request/?test_parameter=encodeURIComponent( "test#parameter" )'

2、或将请求参数放进ajax请求的data属性中

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容