如何禁用重定向到表单提交时表单操作属性中指定的 url

如何解决如何禁用重定向到表单提交时表单操作属性中指定的 url

我有一个表单，其 action 属性设置为“/tasks/”。我想要的只是在提交表单时，数据转到“/tasks/”，但用户不会被重定向到“/tasks/”，他们只是停留在“/”上。有可能实现吗？ 我尝试向“onclick”处理程序添加“return false”和“preventDefault”，但这不是我需要的，因为它们取消了表单提交。

    <form id="add-task-form" method="POST" name="add-task-form" action="/tasks/" enctype="multipart/form-data">
        <label for="name" class="field-description">*Name</label>
        <input id="name" type="text"required name="name" autofocus="true"><br>
        <label for="description-text" class="field-description">*Description</label>
        <textarea id="description-text"  name="description"></textarea><br>
    <button type="submit" id="save-button" class="saveButton"><span>Add task</span></button>
    </form>

      
     $('#save-button').on( 'click',function(){  
              if($('input').data().length() != 0){ 
                  var data = $('#add-task-form form').serialize();  
                  $.ajax({  
                    method: "POST",url: '/tasks/',data: data,success: function(response){  
                       $('#add-task-form').css('display','none');  
                       var task = {};  
                       task.id = response;  
                       var dataArray = $('#add-task-form form').serializeArray();  
                       for(i in dataArray) {  
                          task[dataArray[i]['name']] = dataArray[i]['value'];  
                       }  
                       appendTask(task);  
                       getTasksCount();  
                    }  
                  });  
                  return false;  
                  $('#home-page').show();  
                  $('#add-task-page').remove();  
                };  
            }) 

 

I'm new to js and jQuery and they are definitely not my strongest points,so please,advice.

解决方法

它应该像这样工作：

$('#save-button').click(function(event) { 
    event.preventDefault();
    ...
    });

了解更多信息：https://api.jquery.com/event.preventdefault/

,

你可以这样做。

$(document).ready(function(){
 var $form = $('form');
   $form.submit(function(){
     $.post($(this).attr('action','/tasks/'),$(this).serialize(),function(response){
        // Do something
     },'json');
     return false;
   });
});

quotation

,

如果你想阻止这一切，你可以使用 event.preventDefault()。不过既然你用的是ajax，又不想重新加载页面，你可以试试套用这段代码：

  $("#save-button").click(function(){
            $.post('{post_url}',$("#add-task-form form").serializeArray(),function(data){
                    if (data.success){
                        redirect = '{last}';
                    } else {
                        reload(true); 
                    }
                },"json"
                );
        });