Create URL Encoded String

Wappler General How To
#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

Filter by multiple items in URL
#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.

urlEncode not available
#12

It should be done there anyway.

1 Like