Jquery 我的HTML5按钮不断刷新浏览器

我有一个简单的按钮，它的ID绑定了一个点击事件。这个按钮从一个滑块中检索一个值，然后输出到一个嵌套在段落中的

。问题是，当按下按钮时，页面刷新，因此我在一瞬间看到值，然后它消失。在现实世界中，我希望在所有值都提交到服务器时发生这种情况，但现在我只需要在单击“我的按钮”时不刷新页面：

// Output to the value of slider one
$("#slider01").on('mousemove', function(evt) {
    var sliderValue = $(this).val();
    $("#value").text(sliderVal);
});

// Retrieve the value from slider one
$("#submit").on("click", function(evt) {
    var sliderValue = $('#slider01').val();
    $("#output > p").append(sliderValue);
    //alert("The value of slider 1 is: " + sliderValue);
});

---

这是我的两个主要功能

如果您的按钮类型为“提交”，则会发生这种情况。返回false以防止表单继续提交：

$("#submit").on("click", function(evt) {
    var sliderValue = $('#slider01').val();
    $("#output > p").append(sliderValue);
    //alert("The value of slider 1 is: " + sliderValue);
    return false;
});

---

然后您必须手动调用

$（'form'）。submit（）一旦您确实准备好提交它。
当您单击按钮时，您的表单似乎正在发布。要防止这种情况发生，请添加
evt.preventDefault（）

$("#submit").on("click", function(evt) {
  evt.preventDefault();
  var sliderValue = $('#slider01').val();
  $("#output > p").append(sliderValue);
  //alert("The value of slider 1 is: " + sliderValue);
});

要不在单击按钮时重新加载页面，请使用以下命令：

$('button').click(function () {
  return false;
}

其次，如果使用jQuery的ajax请求，还可以尝试在
success
的函数中使用它

第三，代码是什么？我确信有一个表单和
input[type=“submit”]
按钮，它将整个页面发送到服务器。删除该按钮并使用简单的
按钮
您单击的按钮是什么类型的？对于
type=“submit”
按钮，刷新是它应该做的。您可能想尝试一个简单的
type=“button”
，至少在达到您真正希望提交的点之前。
您只需将输入类型更改为
button
，这将防止出现问题：）只是想重复前面提到的@Sergio，你应该仔细检查你的问题，接受和/或投票选出对你有帮助的答案，你现在有16个问题没有被接受的答案。如果你不接受他们的回答，人们在将来就不太愿意帮助你了。对不起，伙计们，非常感谢你们的帮助。关于这一点，我已经做了必要的工作。奇怪的是，我最初使用了一个
type=“submit”
，正如您所说，它应该刷新，然后我将其更改为一个基本按钮，页面仍然刷新。谢谢，这听起来是一个更好的选择。奇怪的是，我确实删除了
type=“submit”
，并用一个普通按钮替换了它，但页面仍然在刷新。谢谢，正如您所说，当信息需要发送到服务器时，提交按钮就是我所需要的。我确实用
Submit
替换了它，但页面仍然刷新，直到我添加了你们建议的必要代码。