2017-05-17 15 views
1

ボタンをクリックすると数字が大きくなるcounterボタンがあります。
また、私はhttp://localhost:5000/x/のようなURLを持っています。

私がしたいものは:
URLの最後にcounterの値を印刷します。

例:
カウンタが3の場合、
私は行きたいhttp://localhost:5000/x/3;

マイボタンのタイプはsubmitで、カウンタの値が大きくなり、http://localhost:5000/x/counterになります。しかし、データがhttp://localhost:5000/x/3にあるため、404エラーが発生しました。ここにコードがあります。私は、任意のフレームワークを使用していないと私はJavaScriptを使用してそれを処理したいThanks.Additional

JavaScriptのURLの最後に変数の値を追加するにはどうすればよいですか?

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



編集: ご回答ありがとうございます。私はwindow.location.href機能を使って解決しました。

+1

可能性のある重複した名前を付け? ](http://stackoverflow.com/questions/2701041/how-to-set-form-action-through-javascript) – Cristy

+0

あなたは共同uldはこのスレッドを見ています:https://stackoverflow.com/questions/1090948/change-url-parameters – Steven

+0

あなたはどのサーバを使用していますか? –

答えて

0

使用してカウンタを取得するページのURL

var counter = location.href.substring(location.href.lastIndexOf('/')+1); 
counter = parseInt(counter); 
counter += 1; 

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

カウンタを使用して設定あるmyFormアクションには、JavaScriptによるフォームのアクションを設定する[方法のフォーム

<form name='myform'> 
+0

返信いただきありがとうございます。 –

関連する問題