Ajax 发布表单警报答案

【问题标题】：Ajax Post form AlertAjax 发布表单警报
【发布时间】：2020-10-26 11:08:42
【问题描述】：

如果我发布一个表单，它会转到下一页（php，Sql）然后是另一个 URL。当页面更改并继续前进时，如何防止帖子页面上出现 Ajax 结果警报？我应该隐藏结果 div 还是删除函数数据？

$(document).ready(function(){
  //set var to bid number input field
    $("#favourites").click(function(event){
       event.preventDefault();
          
          //set var to bid number input field
        var content= $("#bidnumber").val();
        
        // Url to post to and Field name and content */          
        $.post('add_favourites.php', {bidnumber:content},
        
         // Alert Success
         function(data){
       
        // Alerts the results to this Div
            $("#favourites").html(data);
            
        });
    });
});

【问题讨论】：

我试图理解，但显示的代码不会改变页面。它只是发布到一个路由，然后调用你的函数，将数据注入#favourites

标签： javascript json ajaxform

【解决方案1】：

回调function(data) { ... } 是可选的。你可以删除它。

【讨论】：

【解决方案2】：

显示成功后可以清除元素#favorites内的内容。

     // Alert Success
     function(data){
        // Alerts the results to this Div
        $("#favourites").html(data);

        //Clear data
        setTimeout(function(){
             $("#favourites").html('');
        }, 5000);
     });

【讨论】：