javascript - 将 javascript 对象转换为 url 查询

Question

我正在尝试做与 this question 相反的事情，即将 JavaScript 对象转换为 url 末尾的查询。这是针对键/值而言可能巨大且完全随机的字符串。例如，

activity = {myKey:"randomString"}

'<img src="images/image.gif?' + activity + '">'

会还给我:

<img src='images/image.gif?{myKey:"randomString"}'>

Answer 1

var queryValues={
  param:"0",
  s:"stack",
  o:"overflow",
  myKey:"randomString"
};
var qparts=Object.keys(queryValues).map(function(k){
  return [k,queryValues[k]].map(encodeURIComponent).join("=");
});
var queryString=qparts.length?"?"+qparts.join("&"):"";


/*
queryString:
?param=0&s=stack&o=overflow&myKey=randomString
*/

然后通过与queryString连接来修改原始url。就像这样:

images/image.gif?param=0&s=stack&o=overflow&myKey=randomString

<小时/>

此外，根据您的问题，您想要一个如下所示的网址:

images/image.gif?{myKey:"randomString"}

这看起来格式错误，与您链接到的其他问题中发布的内容并不完全相反。因此，我给了您一个片段来生成格式良好的查询字符串。