Encoding URL (including characters like &) using jquery or native javascript function?

Question

I have one one hidden paramter in form whose value is

custAddress=CustomerAddress.do?fisrtName=scott&lastName=Miles

I want to encode it before sending it and so that characters like & can be replaced with %26 etch

i tried using javascript built-in encodeURI("urlToencode") but does not encode characters like &?

Chamika Sandamal · Accepted Answer · 2013-03-09 05:14:06Z

4

Try this code line,

encodeURIComponent("fisrtName=scott&lastName=Miles");

answered Mar 9, 2013 at 5:14

Chamika Sandamal

24.4k5 gold badges68 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ruan Mendes · Accepted Answer · 2013-03-09 16:55:59Z

Use https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent

You need to call that on each dynamic part (name and value) of the URL query string. So the question is what is the URI component in custAddress=CustomerAddress.do?fisrtName=scott&lastName=Miles That doesn't really look like a URL because you have the = before the ?

The most sense that I can make is that the full URL is something like

http://myserver/file.do?custAddress=CustomerAddress.do?fisrtName=scott&lastName=Miles

In which case, you should build your URL like

var custAddress = "CustomerAddress.do?fisrtName=scott&lastName=Miles";
var initialPath= "/path/to/file.do?";
var url = initialPath + "custAddress=" + encodeURIComponent(custAddress);

Since you mentioned jQuery, you can use a $.param, looks cleaner and does the encoding for you, and you can give it multiple query parameters at once

var url  = initialPath + $.param({
    custAdrress: custAddress, 
    otherParam: "paramVal",
    // Both the param name and value need to be encoded and $.param does that for you
    "funny Name & Param": "funny & value ="
});

Collectives™ on Stack Overflow

Encoding URL (including characters like &) using jquery or native javascript function?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related