Create URL Encoded String

Wappler General Need Help
1

Hi.
I have a case where I need to set a URL string in an input by creating it dynamically.
I need this URL to be encoded, i.e. for this case, SPACES should get replaced by %20.

txtDataHookURL.setValue('http://localhost:210/api/Comms?name='+varCampaignName.value);

The campaign name variable here can have a value say some random value.
So, the final string I need should look like:
http://localhost:210/api/Comms?name=some%20random%20value

There is a replace formatted for string values, but that would mean I have to configure all possibilities. There can be any other such special character which requires encoding.
Looking to get an output similar to this in JS: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

2

Hi @sid as an alternative i use base64 encoding/decoding which serves the same purpose, would that work in your case?

3

Actually, when looking closer, some base64 characters (+, /, =) might not work in the URL

4

Yeah, unfortunately, that would not work.

5

Found this feature request: URL encoding
@Teodor Can you please confirm if there is no way to do this in Wappler at present?

6

URL encoding formatter has been integrated in Wappler 2.6.4

7

@Teodor, I cannot find a url encode/decode option in the data formats menu… can you tell me what it is in code please?

I’m using version 3 beta 3.

8

Screenshot_25
Screenshot_25404×705 82.3 KB

1 Like
9

But I’m on the client side… is it only available on the server side?

10

@Antony what are you trying to do exactly? Why do you need url encoding on the clientside?
Please explain your idea in details, as you might be doing something wrong.

11

I’m passing an affiliate marketing link to the user, and it includes a random code which could itself include a character that needs encoding.

But no worries, I can pass the url encoded random code from the server side.

12

It should be done there anyway.

1 Like