通过可验证的url怪异行为

Question

我试图通过URL传递一个变量，它在Chrome和Firefox中做了一些非常奇怪的事情，似乎在操作系统中也是如此。

问题是，我试图以这种方式在URL中发送几个变量：

document.location.href = 'http://www.ihaves.org/main.php?id='+facebookUser+'&first_name='+facebookName+'&last_name='+facebookName+'&locat='+locat_+'&locationlat='+facebookLat+'&locationlon='+facebookLon+'&mode=facebook';

奇怪的结果是：

http://www.ihaves.org/Vejer%20de%20la%20Frontera,%20Spain

预期的结果应该是这样的：(取自IE)

name=Juanma%20De%20Los%20Santos&locat=Vejer%20de%20la%20Frontera%20Spain&locationlat=36.25&locationlon=-5.96667&mode=facebook

我发现问题是一个名为"locat“的变量，如果我把它去掉，那么一切似乎都变得很棒了，所以我想”西班牙的Vejer de la Frontera“中的逗号可能是问题所在，所以我使用了：

var location_name = locationName.replace(/,/g, '');

但它一直做着比以前更奇怪的事。有什么想法吗？铬是否接受电子空间的单词？记住，firefox也是这样做的。顺便说一下，我在PHP中使用了GET_。

Answer 1

在构造URL时，应该对参数使用encodeURI()。

document.location.href = 'http://www.ihaves.org/main.php?id=' + encodeURIComponent(facebookUser);

Answer 2

使用：

encodeURIComponent(facebookName)

encodeURIComponent

您应该使用编码的键/值对。一些字符将导致无效的URL。例如：

mysite.com?name=Bed&Breakfast 

将产生两个值"name=Bed“和"Breakfast=”，这不是您所期望或想要的。编码将导致您的URL：

mysite.com?name=Bed%26Breakfast

它可能看起来很有趣，但是URL现在是有效的，并且可以像预期的那样工作。