javascript - 返回 false 在表单提交中不起作用

Question

这就是我所拥有的，表格仍然进入页面？我从凌晨 1 点起就一直在努力解决它！帮助！

function del_entry() {
    $('.delete_deal').submit(function() {
        var $g = $(this);                             
        $.ajax({
            url: $g.attr('action'),
            type: $g.attr('method'),
            data: $g.serializeArray(),
            cache: false,
        });
    }); 
    return false;
}; //end del_entry

并以我的形式：

<form name="delete_deal" action="inactivate_deal.php" class="delete_deal" method="post">
<a href="#" class="button" onClick="$('#deal_div_id').fadeOut(); del_entry();">Delete</a></form>

Answer 1

由于您是del_entry()从 HTML 调用该函数，因此您可以简单地执行以下操作：

function del_entry() 
{
    var $g = $('.delete_deal');

    $.ajax({
        url: $g.attr('action'),
        type: $g.attr('method'),
        ta: $g.serializeArray(),
        cache: false
    });
}

Answer 2

您需要false从submit()函数返回：

function del_entry(){
    $('.delete_deal').submit(function(){
        var $g = $(this);                             
                 $.ajax({
                 url: $g.attr('action'),
     type: $g.attr('method'),
             ta: $g.serializeArray(),
    cache: false,
           });
    return false;
    }); 
}; //end del_entry

您还需要防止浏览器的默认行为启动锚元素。

Answer 3

只需将return false;上面的一行...;)

Answer 4

function del_entry(){
$('.delete_deal').submit(function(){
    var $g = $(this);                             
             $.ajax({
             url: $g.attr('action'),
     type: $g.attr('method'),
             ta: $g.serializeArray(),
    cache: false,
           });

         return false; // <----------------- ADD HERE

}); 

}; //end del_entry