使用JavaScript将变量添加到当前URL

16 浏览
0 Comments

使用JavaScript将变量添加到当前URL

我目前有这个JavaScript片段，根据下拉菜单的选择加载一个URL...\n

   var orderby = jQuery('#dropdown');
        var str;
        orderby.change(function(){
        str = jQuery(this).val();
        window.location.href = "http://www.example.com?variable="+str;
    });

\n有没有一种简单的方法可以修改这个代码，使其不直接跳转到http://www.example.com?variable=str，而是将variable=str添加到当前URL的末尾，然后跳转到新URL？\n编辑\n没有明确说明，我仍然想要重定向，但是不想指定新的URL，而是想要获取当前URL + 变量，然后进行重定向。

0

2 答案

0 Comments

问题的原因是：通过使用window.location来修改URL，浏览器会改变当前的位置并加载新的页面。但是，有时候我们只想在当前页面的URL中添加一些变量，而不是加载新的页面。

解决方法是：使用history.pushState方法来修改当前页面的URL，而不会加载新的页面。这样，浏览器不会获取新的页面。需要注意的是，这种方法只能修改URL的字符串部分，不能获取已经修改的URL中的GET变量。

下面是解决方法的代码示例：

var newUrl = window.location.href + "?variable=value";
history.pushState(null, null, newUrl);

以上就是关于在当前URL中添加变量的问题的原因以及解决方法。

0
0 Comments

问题：如何通过JavaScript向当前URL添加变量？

原因：用户可能希望通过在URL中添加变量来传递数据或参数。

解决方法：使用JavaScript的window.location.href属性来获取当前URL，并通过字符串拼接的方式向URL添加变量。

代码示例：

window.location.href = window.location.href + "?myVar=awesomeValue";

以上代码将在当前URL的末尾添加"?myVar=awesomeValue"，其中"myVar"是变量名，"awesomeValue"是变量值。用户可以根据自己的需求修改这些值。

这种方法是通过将当前URL作为字符串拼接的基础上添加变量来实现的。通过使用window.location.href属性，我们可以获取当前页面的URL，并使用"+"运算符将变量和值添加到URL的末尾。

注意事项：

- 在添加变量时，需要确保URL的格式正确，以避免URL错误或无法解析的问题。

- 如果URL中已经存在查询参数（以"?"开始的部分），则需要使用"&"符号而不是"?"符号来连接变量和值。

这种方法简单有效，适用于需要在URL中传递参数或数据的场景。通过在URL中添加变量，我们可以方便地将数据传递给下一个页面或处理程序。

0