javascript - 如何编码 URL 参数？

Question

我正在尝试将参数传递给如下所示的 URL:

http://www.foobar.com/foo?imageurl=

我想传递参数，例如由另一个 API 自行生成的图像 URL，图像的链接结果为:

http://www.image.com/?username=unknown&password=unknown

但是，当我尝试使用 URL 时:

http://www.foobar.com/foo?imageurl=http://www.image.com/?username=unknown&password=unknown

它不起作用。

我也尝试过在 imageURL 上使用 encodeURI() 和 encodeURIComponent()，但这也不起作用。

Answer 1

使用 PHP

echo urlencode("http://www.image.com/?username=unknown&password=unknown");

结果

http%3A%2F%2Fwww.image.com%2F%3Fusername%3Dunknown%26password%3Dunknown

使用 Javascript:

var myUrl = "http://www.image.com/?username=unknown&password=unknown";
var encodedURL= "http://www.foobar.com/foo?imageurl=" + encodeURIComponent(myUrl);

演示:http://jsfiddle.net/Lpv53/