新しいページを開かずにURLを使用してアクションを実行する

Question

必要に応じて、HTMLボタンとJavaScriptを使用してAWSでEC2インスタンスを開始および停止します。

私はボタンを新しいページに移動したくありません。それは開始/停止動作のみを行うべきである。

例HTML：

Click Here To Disable QA Servers : 
 
<BR><BR> 
 
<form action="https://*************1.amazonaws.com/stop/stop"> 
 
    <input type="submit" value="Click Here!" /> 
 
</form>

Answer 1

あなたのような（取得/ポスト）要求のjQueryを使用することができます。

HTML：

<div> 
    ... 
    <button id="btn-start">Click to start</button> 
    <button id="btn-stop">Click to stop</button> 
</div> 

はjqueryの：

$('#btn-stop').on('click', function (e) { 
    $.get("https://****1.amazonaws.com/stop/stop", function(data) { 
     // Some logic 
    }); 
}); 

$('#btn-start').on('click', function (e) { 
     $.get("https://****1.amazonaws.com/start/start", function(data) { 
      // Some logic 
     }); 
}); 

Answer 2

送信をクリックすると、ページをリロードしたくないということを意味しますか？もしそうなら、e.preventDefault();を使うことができます。フィドルをチェックしてください。申し訳ありませんが、私は質問を誤解した場合。

$('form').on('submit', function(e) { 
    e.preventDefault(); 
    console.log('No page reload.'); 
}); 

https://jsfiddle.net/zouLcq9v/