如何在JavaScript的URL末尾添加变量值?

时间:2017-05-17 18:55:55

标签: javascript html

我有一个counter按钮,可以在点击时增加数量 我也有一个像http://localhost:5000/x/这样的网址。

我想要的是:
打印URL末尾的counter值。

例如:
如果counter = 3,我想去http://localhost:5000/x/3;

我的按钮类型为submit,它会增加计数器的值并进入页面http://localhost:5000/x/counter。但是,我收到404错误,因为数据在http://localhost:5000/x/3上。这是代码

<form action="http://localhost:5000/x/counter">

<script>
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
</script>

谢谢。另外,我没有使用任何框架,我只想使用JavaScript来处理它。

编辑: 谢谢你的回答。我使用window.location.href函数解决了它。

1 个答案:

答案 0 :(得分:0)

使用页面的网址

检索计数器
var counter = location.href.substring(location.href.lastIndexOf('/')+1);
counter = parseInt(counter);
counter += 1;

使用计数器

设置myform操作
document.myform.action = location.href.substring(0,location.href.lastIndexOf('/'))+counter;

为表单命名

<form name='myform'>