Jquery 在进行ajax查询后重新加载页面

我有一个小的jquery脚本，它从wordpress插件选项页面运行ajax调用，向数据库添加一些数据。ajax调用有效&可以根据需要将数据插入数据库

但问题是，一旦插入数据，就会显示成功消息。页面自动重新加载。如何停止重新加载页面

下面是我使用的代码

jQuery(document).ready(function(){

    jQuery("#holiday-submit").click(function(){
        var date = jQuery("#holiday").val();
       var reason =jQuery("#holiday-reason").val();
        jQuery.ajax({
            type: 'POST',
            url: MyAjax.ajaxurl,
            data: {"action": "add_holiday", "holiday":date, "reason" :reason},
            success: 
            function(){
                jQuery("#holiday-status").html( date);
            }
        });
    });
});

这是我在相关管理页面上看到的

<form action="" method="post">

            <input type="date" id="holiday" name="holiday">
            <input type="text" id="holiday-reason" placeholder="Holiday reason">
            <input type="submit" id="holiday-submit">
        </form>
<div id="holiday-status">

</div>

有人能给我指一下正确的方向吗

换成这个

  jQuery(document).ready(function(){
        jQuery("#holiday-submit").click(function(event){
        event.preventDefault();
            var date = jQuery("#holiday").val();
           var reason =jQuery("#holiday-reason").val();
            jQuery.ajax({
                type: 'POST',
                url: MyAjax.ajaxurl,
                data: {"action": "add_holiday", "holiday":date, "reason" :reason},
                success: 
                function(){
                    jQuery("#holiday-status").html( date);
                }
            });
        });
    });

只需使用type=“button”而不是type=“submit”。 因此，你的：

变成：

<input type="button" id="holiday-submit" value="submit">

或

提交

---

或者按照其他答案中的建议使用e.preventDefault（）

这就是问题所在。preventDefault函数已解决。这件事。谢谢。是的，的确如此。preventDefault（）已解决问题。：）谢谢您。

<input type="button" id="holiday-submit" value="submit">

<button id="holiday-submit">Submit</button>