In my JavaScript code, I am utilizing the jQuery ajax function.
Here is an example of how it appears:
$.ajax({
url: "somepage/" + keyword + "/" + xyz + "/" + abc + "/getbla",
(...)
If the 'keyword' (value from a textfield) includes a '#', the functionality stops working. As we know, URLs only parse until the '#' symbol and treat the rest as an anchor.
To address this issue, I updated the ajax function like so:
$.ajax({
url: "somepage/" + encodeURIComponent(keyword) + "/" + xyz + "/" + abc + "/getbla",
(...)
Even though this modification did not resolve the problem, checking the console revealed that the URL now showcases '%23' instead of '#'.
Although this was progress, the request still fails to work - perplexing me and leading me to seek help here.
After entering '%23' in the textfield (keyword), the request performs perfectly fine. The PHP backend retrieves the desired data.
My ultimate solution involved double-encoding the keyword in the ajax function:
$.ajax({
url: "somepage/" + encodeURIComponent(encodeURIComponent(keyword)) + "/" + xyz + "/" + abc + "/getbla",
(...)
This is the structure of the related PHP function:
if ($_GET['anyparam'] == 'getbla') {
$searchString = array(
'keyword' => trim($_POST['keyword']),
'xyz' => trim($_POST['xyz']),
'abc' => trim($_POST['abc'])
);
echo json_encode($this->dataBaseFunctions->searchResult($searchString['keyword'], $searchString['xyz'], $searchString['abc']));
}
Question: Why is it necessary to encode the URL twice?