Create a web address using URI.js

While working on my project, I decided to utilize URI.js for parsing and constructing URLs. Unfortunately, the documentation provided by URI.js did not offer sufficient examples for me to easily follow. When attempting to build a URL as follows:

// expected output: Admin.aspx?controller=login&action=submit

var url = URI.build({
    path: "Admin.aspx",
    query: {
        controller: "login",
        action: "submit"
    }
});

// actual result: Admin.aspx

I found that the output was not what I had anticipated. Can anyone provide guidance on how to correctly use URI.js to achieve this desired outcome?

Answer №1

If you are looking to use URI.buildQuery() in order to convert an object into a query string, it seems that might be your goal.

Answer №2

This code is ready for action

let pageURL = URI.build({
    path: "Admin.aspx",
    query: URI.buildQuery( {
        controller: "login",
        action: "submit"
    })
});

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for determining if a mobile web browser is active on a mobile device's foreground or background

I'm currently developing an angularjs html5 application. Just a quick question - is it possible to utilize pause/resume events in a mobile web application? Alternatively, you can help me by answering my question about how to check if the browser wind ...

Displaying nested objects within an object using React

Behold this interesting item: const [object, setObject] = useState ({ item1: "Greetings, World!", item2: "Salutations!", }); I aim to retrieve all the children from it. I have a snippet of code here, but for some reason, i ...

Having trouble with Vue.js image force download not functioning properly with anchor tags?

Currently, I am utilizing Laravel in conjunction with Vue.js. I have had the requirement to forcibly download an image on the browser, but unfortunately, it is not functioning as expected. var link = document.createElement('a'); link.href = &apo ...

Retrieving array items from PHP with JavaScript: How to access elements in an array

In the midst of a project that involves pulling data from the Google Maps API through a JQuery call, processing it in PHP, and ultimately displaying the results on a map. Progress has been made in fetching elements from the API call into an array and sendi ...

Discover a faster way to access object properties suggestions in vscode similar to Chrome console

When using Chrome DevTools, selecting an element will display its corresponding properties and methods that can be accessed with a dot (.). However, in VSCode, this information may appear as gibberish. Is there a way to get the same suggestions as Chrome D ...

Is Client-side Validation Compatible with Uploadify?

I am in the process of developing a webpage that utilizes uploadify for users to upload multiple images. In order to streamline this process, I would like to implement client-side validation using jQuery or JavaScript before submission. Although I am profi ...

Dealing with problems in col-md display on tablet devices

When viewing on Full Screen and mobile, the ranges panel (class="col-md-3") displays correctly. However, on tablet screens, the left column is obscured by the youtube image panel (class="col-12 col-md-9"). I have attempted various adjustments to the div s ...

Tips for incorporating JavaScript code into back4app.com using Objective-C:1. Start by accessing the

Currently, I am trying to retrieve "ServerDate" from back4app.com using PFCloud. Unfortunately, I have encountered the following issue: Invalid function: "getServerDate" (Code: 141, Version: 1.13.0) When I attempted to use the code below: [PFCloud ...

Is there a way to organize a table in ReactJS based on ascending numerical values from a particular column?

I am working with a table that retrieves data from an object called blockInfo: <table> <thead> <tr> <th>Timestamp</th> <th>B ...

how to assign values to objects in angularjs select box

Here is my Angular code: angular.module("myApp",[]) .controller("myCtrl",function($scope){ $scope.projectObj = {"proId":"33","proName":"samal"} $scope.projectArr = [{"proName":"samal","proId":"33"},{"proName":"aaa","proId":"47"},{"proName":"sdf","proI ...

Issue with $watch function causing $scope variable to remain undefined, even though it is being explicitly

I've been encountering an issue while trying to insert data into my Firebase database using a user's uid. It seems to be coming out as undefined for some reason. Here's a closer look at the code snippet causing the problem: The primary cont ...

Dynamically setting properties in a Vue component using Angular

After browsing through this interesting discussion, I decided to create a web component: <my-vue-web-comp [userId]="1"></my-vue-web-comp> Initially, everything was working smoothly in Angular when I assigned a static property. Howeve ...

Angular's directives do not trigger the 'viewContentLoaded' event

I recently created a 'light-gallery' directive that relies on the jquery.lightgallery.js plugin to initialize the $.fn.lightGallery() functions. It is crucial for these functions to be executed after the directive template has been compiled and l ...

Finding a particular movie in React

import { useState,useEffect } from 'react' import React from 'react' import MoviesItem from './MoviesItem' const Movies = ({search}) => { const [movie, setMovie] = useState([]) const fetchData = async() => ...

Remove an entire anchor tag from a contenteditable div with just one key press

I need help with my HTML code. Here is what I have: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="edi ...

Connecting via web sockets through SSL is not functioning properly

My Web Socket functions correctly in both the localhost and production environments (https://www.example.com). However, upon deploying the same code to the pp environment (), I encounter the error message: WebSocket handshake - Unexpected response code: 4 ...

employing requirejs for fetching npm modules

I need help running this code in HTML. Can someone show me how to use require.js for this? const monerojs = require("monero-javascript"); I tried the following but it doesn't work, I keep getting a "Script error for "monero-javascript"". requirejs([ ...

Using Confluence to Access a Unique REST API

I've successfully developed and deployed my own webservice using WCF C#. Now, I'm looking to utilize JavaScript to call this service, retrieve data from it, and display it on a chart. Below is the code snippet that I placed within a custom HTML ...

A function that retrieves an array containing elements that exceed a specified number and a given array

Is there a way to create a function that takes an array and a number as parameters, then returns a new array with only the elements from the original array that are greater than the given number? For example: [10, 25, 16, -5, 30, 15, 24] , 16 The output ...

What is the best approach to iterate through multiple input fields while maintaining separate states for each one?

Utilizing Vuetify to create text fields and applying v-model to a textFieldState results in all text fields sharing the same state, causing input from one field to leak into others. How can I ensure that each field maintains its own state? <div v- ...