Question

每当我提交表单时，我都会将此表单重定向到“process_save.php”。我想要的是能够仍然执行“process_save.php”上的功能，但不能在提交表单后重定向。而是关闭表单（在模态内）并重新加载我在当前页面上的表。

如何在提交后阻止重定向？

 <form id="form1" action="process_save.php" method="post">
....
</form>

$('form1').submit(function(event) {
        $.ajax({
            type        : 'POST',
            dataType    : 'json',
            url         : "process_save.php",
            data        : $(this).serialize(),
            encode      : true
        })
});

Answer 1

您也可以删除提交，并使用按钮调用ajax。

<form id="form1" action="process_save.php" method="post">
    ..... 
    <button type="Button" id="save">Save</button>
</form>

$('#save').click(function(event) {
        $.ajax({
            type        : 'POST',
            dataType    : 'json',
            url         : "process_save.php",
            data        : $('#form1').serialize(),
            encode      : true
        })
});

Answer 2

添加event.preventDefault() ;

jQuery('#form1').on('submit',function(event) {
event.preventDefault() ;

    $.ajax({
        type        : 'POST',
        dataType    : 'json',
        url         : "process_save.php",
        data        : $(this).serialize(),
        encode      : true
    })
});

提交后阻止重定向

2 个答案: