Question

如果需要，我想使用HTML按钮和一些JavaScript在AWS上启动和停止我的EC2实例。

我不希望按钮导航到新页面;它应该只执行启动/停止动作。

示例HTML：

＆＃13;

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

＆＃13;

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/

使按钮执行操作按钮而不打开新页面

2 个答案: