在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）

http://www.ihaveseen.org/main.php?id=1215834998&first_name=Juanma%20De%20Los%20Santos&last_name=Juanma%20De%20Los%20Santos&locat=Vejer%20de%20la%20Frontera%20Spain&locationlat=36.25&locationlon=-5.96667&mode=facebook

我检测到问题出在名为“locat”的变量上，如果我将其取出，那么一切似乎都很棒，所以我认为“Vejer de la Frontera, Spain”的逗号可能是问题所在，所以我用过：

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

但它一直在做和以前一样奇怪的事情。任何想法？ chrome 是否接受 espace beetwen 单词？请记住，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 现在是有效的并且可以按预期工作。