Javascript 请求在页面刷新时重新提交

我的网页中有一个切换按钮，每当用户单击切换按钮时，我都会提交一个ajax请求，有一件事是，当我在发送请求后刷新页面时，页面会尝试重新提交请求。如何避免刷新时重新提交

我有html代码作为

 <div class="col-md-4">
 <input  class="toggleitem" data-onstyle="success"  checked type="checkbox"   data-toggle="toggle" >
  </div>

and jquery as
<script>

 $(function() {
        $('.toggleitem').change(function() {    

            sendrequest();
        })
    });
function sendrequest()
{
 if (confirm("do you want to continue with this request? ")) {
           $.ajax({
        url: 'https://home/systemstatus/',
        type:post,
        success: function (data) {
             console.log("success"+data);

        }
        });
}
</script>

和jquery作为
$（函数（）{
$（'.toggleitem'）.change（函数（）{
sendrequest（）；
})
});
函数sendrequest（）
{
如果（确认（“是否要继续此请求？”））{
$.ajax({
网址：'https://home/systemstatus/',
类型:post,，
成功：功能（数据）{
console.log（“成功”+数据）；
}
});
}

SUBMIT这对我的问题有什么帮助？嗯，键入button不会提交他所处的表单，键入SUBMIT（默认）将如何调用。它是在onClick中吗？它是一个切换按钮，所以我使用了类似于（“#togglebutton”）.change（function（）{}）的事件，如jquery中所示