文章/答案/技术大牛

发布

社区首页 >问答首页 >进行页面重定向的ajax查询

问进行页面重定向的ajax查询
EN

Stack Overflow用户

提问于 2018-04-29 06:26:20

回答 2查看 27关注 0票数 0

我有一个小的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>

有人能给我指个正确的方向吗？

wordpress

jquery

ajax

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-29 06:31:05

改变到这个

  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);
                }
            });
        });
    });

票数 0

Stack Overflow用户

发布于 2018-04-29 06:33:10

只需使用type=“按钮”而不是type=“提交”即可。所以你的：

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

变成：

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

或

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50083960

复制

相似问题

问进行页面重定向的ajax查询
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问进行页面重定向的ajax查询EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问进行页面重定向的ajax查询
EN