Ajax 请求：url参数中包含 “#“ 特殊字符的处理

问题现象

ajax发送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属性中， jquery 会自动调用 encodeURIComponent() 进行 encode，比如：

$.ajax({type:"get",
    url:"/some/request/",
    data:{"test_parameter":"test#parameter"}
});