Почему предупреждение перенаправляет мою страницу?

Question

Почему каждый раз, когда я помещаю предупреждение в свой ajaxform, страница перенаправляется на свой php-скрипт? но когда я удаляю предупреждение, ajax не перенаправляет его. Я не хочу, чтобы моя страница перенаправлялась на свой php-скрипт.

$(document).ready(function(){ 
      $("#save").click(function(){ 
      $("#f1").ajaxForm({ 
        alert("Submit Successful!"); 
        });//ajaxform 
    }); 
}); 

Answer 1

Добавить preventDefault() или return false;.

$("#save").click(function(e) { 
    $("#f1").ajaxForm({ 
     alert("Submit Successful!"); 
    });//ajaxform 
    e.preventDefault(); 
    //or 
    return false; 
}); 

Answer 2

Заменить

$("#save").click(function(){ 

с

$("#save").click(function(e){ 
    e.preventDefault(); 

случае передачи в качестве аргумента и использовать event.preventDefault() поэтому страница не будет перенаправлять.

Official Document

Answer 3

пытается остановить поведение события по умолчанию.

$("#save").click(function(e){ 
    e.preventDefault(); 

Answer 4

Попробуйте использовать preventDefault()

$(document).ready(function(){ 

    $("#save").click(function(e){ 
     //Stay in the same page 
     e.preventDefault(); 

     $("#f1").ajaxForm({ 

      alert("Submit Successful!"); 

     });//ajaxform 

    }); 

}); 

Answer 5

Вы не используете несколько вещей правильно. Попробуйте это:

$(document).ready(function() { 
    $("#save").click(function(e) { 
     e.preventDefault(); //cancel default action (not strictly necessary...) 

     $("#f1").ajaxForm(function() { //N.B. 'function() ' added - before it was an object! 
      alert("Submit Successful!"); 
     }); 
    }); 
}); 

Answer 6

Использование return false: остановить запрос на сервер

$(document).ready(function() { 
    $("#save").click(function() { 
     $("#f1").ajaxForm(function(){ 
      alert("Submit Successful!"); 
      return false;//add return false to stop the request to server 
     }); //ajaxform 
    }); 
}); 

Answer 7

Это нормальное поведение (если щелкнуть элемент якорем тег, указывающий на другую страницу): щелкнуть ссылку и он перенаправляет вашу страницу.
Если вы хотите использовать эту ссылку в качестве кнопки и связать определенное действие с ней, вы обязательно должны прекратить нормальное поведение ссылки: не позволяйте ей перенаправлять страницу.
Это достижимо во многих отношениях, но лучше один (по крайней мере, с семантической точки зрения) является вызов метода preventDefault на реальное событие щелчка:

$('a').on('click', function(event){ 
    // prevents the normal behavior of this "click" action 
    // in this case, it prevents the link from changing the url 
    event.preventDefault(); 

    //.. your logic here 
});