Saving URLSearchParams to a file using javascript

Question

Saving URLSearchParams to a file using javascript

I am currently implementing jstree and I need to be able to click on a file within the tree structure in order to display a PDF file. Below is the relevant code snippet:

$(function () {
    $('#tree').jstree({
        'core' : {
           'data' : {
                'url' : function (node) {
                      return node.id === '#' ? 'assets/ajax_roots.json' : 'assets/ajax_children.json';
                    },
                'data' : function (node) {
              return { 'id' : node.id };
            }
        }
    },




$('#tree').on("changed.jstree", function (e, data) {
 // this gives the path
  var path = data.instance.get_path(data.node,'/'); 
   const url = new URL(window.location.href);

})

In order to clarify my requirement, I would like to append the file path to the URL using JavaScript's URLSearchParams. Currently, I have only managed to achieve this much:

http://somewhere.com/index.html

However, I am aiming for the following format:

http://somewhere.com/index.html/?file=/to/some/dir/filename.pdf

If someone could assist me in getting started with this task, I would greatly appreciate it. Thank you

javascript

Answer 1

Answer №1

Give this a shot!

let parameter = 'file=/to/some/dir/filename.pdf';
let _link = 'http://somewhere.com/index.html';
console.log("Initial URL: ", _link);
    _link += (_link.split('?')[1] ? '&':'?') + parameter;
    console.log("Modified URL: ", _link);

Answer 2

Give this a shot!

let parameter = 'file=/to/some/dir/filename.pdf';
let _link = 'http://somewhere.com/index.html';
console.log("Initial URL: ", _link);
    _link += (_link.split('?')[1] ? '&':'?') + parameter;
    console.log("Modified URL: ", _link);

Answer 3

Answer №2

Here is an example for you to try:

const url = new URL('http://someurl.com/index.html/')

url.searchParams.append('file', '/path/to/file/document.pdf')

console.log(url.toString()) // encoded output
console.log(url.toString().replaceAll('%2F', '/')) // decoded output

const expectedOutput = 'http://someurl.com/index.html/?file=/path/to/file/document.pdf'
const currentOutput = url.toString().replaceAll('%2F', '/')

console.log(expectedOutput === currentOutput)

Answer 4

Here is an example for you to try:

const url = new URL('http://someurl.com/index.html/')

url.searchParams.append('file', '/path/to/file/document.pdf')

console.log(url.toString()) // encoded output
console.log(url.toString().replaceAll('%2F', '/')) // decoded output

const expectedOutput = 'http://someurl.com/index.html/?file=/path/to/file/document.pdf'
const currentOutput = url.toString().replaceAll('%2F', '/')

console.log(expectedOutput === currentOutput)

Saving URLSearchParams to a file using javascript

Answer №1

Answer №2

Similar questions

Comparing the efficiency of Jquery draggable with thousands of elements versus updating the elements continuously

Identifying Angular 2 templates post-file separation: a step-by-step guide

Interacting between my React Native client and server.js

Click on the print icon in the modal window

Exploring file writing using Node Webkit and JavaScript

Is there a method to avoid the default state from loading upon the initialization of my AngularJS application?

Utilizing PHP and Ajax for paginating JSON responses

Steps to resolve the error "Cannot POST /index.html" in Nginx, Express, and NodeJS

Converting JSON to JavaScript Date using UTC time

Issues within jQuery internal workings, implementing improved exception handling for fn.bind/fn.apply on draggable elements

Utilizing Express.js for setting up routes with a default path

Issues with Converting JSON to HTML Table using JavaScript

The functionality of core-ui-select is not functioning properly following the adjustment of the

The function is invoked numerous times

Looping through JSON keys using ng-repeat in AngularJS

What is the best approach for filtering a nested array in this scenario?

Inside nested ng-transclude, the AngularJS directive isolates the scope

Can we trust the accuracy of the official type definition for JSON.stringify?

I need help determining the starting date and ending date of the week based on a given date

Steps for Integrating Kendo Mobile's "Tap to Load More" Feature in Knockout JS