Using solely JavaScript, the process of eliminating parameter values from a URL on the subsequent page

Question

Using solely JavaScript, the process of eliminating parameter values from a URL on the subsequent page

Seeking assistance in removing the values from the URL after the "?" once transitioning to the next page from the initial page. Despite multiple attempts, I have been unable to find the correct solution. Any help would be greatly appreciated.

Desired URL Structure:

file:///C:/Users/varun.singh/Desktop/www%20updated%2027.8.2015%20Old/www/Candidates/newOne.html?

Current URL Format:

file:///C:/Users/varun.singh/Desktop/www%20updated%2027.8.2015%20Old/www/Candidates/newOne.html?Name=Name%201&JobTitle=Title%201&Date=Entered%20Date%201

listItem.onclick = function(){  


        var elementData=listData[this.id];
        var stringParameter= "Name=" + elementData.name +"&JobTitle="+elementData.job_title+"&Date="+ elementData.entered_date;

      //window.location.href = window.location.href.replace("ListCandidateNew", "newOne") + "?" + stringParameter;
       window.location.href="file:///C:/Users/varun.singh/Desktop/www%20updated%2027.8.2015%20Old/www/Candidates/newOne.html?"
                + stringParameter;
}

javascript html css

Answer 1

Answer №1

Here is a solution that should do the trick:

let fileUrl = 'file:///C:/Users/varun.singh/Desktop/www%20updated%2027.8.2015%20Old/www/Candidates/newOne.html?Name=Name%201&JobTitle=Title%201&Date=Entered%20Date%201';

    let indexPos = fileUrl.lastIndexOf("?");

    fileUrl = fileUrl.slice(0, indexPos + 1); // including "?"

Answer 2

Here is a solution that should do the trick:

let fileUrl = 'file:///C:/Users/varun.singh/Desktop/www%20updated%2027.8.2015%20Old/www/Candidates/newOne.html?Name=Name%201&JobTitle=Title%201&Date=Entered%20Date%201';

    let indexPos = fileUrl.lastIndexOf("?");

    fileUrl = fileUrl.slice(0, indexPos + 1); // including "?"

Answer 3

Answer №2

Big thanks to everyone who took the time to try and help me with my issue. After some trial and error, I managed to find a solution using window.sessionStorage to keep the string parameter alive for passing values. Here's the complete code snippet:

For transferring values between two pages, I utilized ListCandidateNew.html and newOne.html.

ListCandidateNew.html

listItem.onclick = function() {
    var elementData = listData[this.id];
    var stringParameter = "Name=" + elementData.name + "&JobTitle=" + elementData.job_title + "&Date=" + elementData.entered_date;

    window.sessionStorage['Name'] = elementData.name;
    window.sessionStorage['JobTitle'] = elementData.job_title;
    window.sessionStorage['Date'] = elementData.entered_date;
}

newOne.html

function LoadCandidateDetail() {  
    document.getElementById('Name').innerHTML = window.sessionStorage['Name'];
    document.getElementById('JobTitle').innerHTML = window.sessionStorage["JobTitle"];
    document.getElementById('Date').innerHTML = window.sessionStorage["Date"];
}

Answer 4

Big thanks to everyone who took the time to try and help me with my issue. After some trial and error, I managed to find a solution using window.sessionStorage to keep the string parameter alive for passing values. Here's the complete code snippet:

For transferring values between two pages, I utilized ListCandidateNew.html and newOne.html.

ListCandidateNew.html

listItem.onclick = function() {
    var elementData = listData[this.id];
    var stringParameter = "Name=" + elementData.name + "&JobTitle=" + elementData.job_title + "&Date=" + elementData.entered_date;

    window.sessionStorage['Name'] = elementData.name;
    window.sessionStorage['JobTitle'] = elementData.job_title;
    window.sessionStorage['Date'] = elementData.entered_date;
}

newOne.html

function LoadCandidateDetail() {  
    document.getElementById('Name').innerHTML = window.sessionStorage['Name'];
    document.getElementById('JobTitle').innerHTML = window.sessionStorage["JobTitle"];
    document.getElementById('Date').innerHTML = window.sessionStorage["Date"];
}

Using solely JavaScript, the process of eliminating parameter values from a URL on the subsequent page

Answer №1

Answer №2

Similar questions

Transform a Div element into an image, ensuring compatibility with Internet Explorer 7 and 8

The creation of the Angular project was unsuccessful due to the outdated circular-json dependency

Unable to establish a connection with the TCP server on CloudFoundry, although the localhost node.js is functioning properly

Instructions on how to extract a specific timestamp from a video and utilize it to initiate an event

Determine the position and quantity of elements in jQuery by comparing their IDs with the current page or element

IE displaying "slow script" alert due to Knockout malfunction

What could be causing my fixed header to disappear in Safari 5?

"Hey, getting an error stating 'require is not defined' while attempting to configure the .env file. Need some help here

Height setting for an ASP.NET UpdateProgress widget

Limiting the input of a user to a maximum of a five-digit integer with a maximum of two decimal points using Angular 2 and ngModel

The XHR Get request fails to load the HTML content sent from the Express application

Flame-inspired CSS editor

Attempting to extract the cell information and choose an option from a cell using the Tabulator program

executing a pre-existing executable file within a web browser or XAML Browser Application (

Having difficulty modifying the styling of a paragraph within a div container

What could be causing the "keyframes method" in my css to not function correctly?

Is it possible to minify HTML in PHP without parsing JavaScript and CSS code?

Is it advisable to use Angular $resource JSON Callback if it's not functioning correctly?

Implementing distinct click tracking with AngularJS

The type x cannot be assigned to the parameter '{ x: any; }'