Как остановить перезагрузку страницы в jquery?

Пользователь

от raina , в категории: JavaScript , 2 года назад

Как остановить перезагрузку страницы в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от vladimir , 2 года назад

@raina 

Вы можете остановить перезагрузку страницы в jQuery, вызвав метод preventDefault() на объекте события в функции обработки события. Вот пример:

1
2
3
4
5
$(document).ready(function() {
  $('a').click(function(event) {
    event.preventDefault();
  });
});


Этот код предотвращает перезагрузку страницы при щелчке на любой ссылке на странице. Вы можете использовать другой селектор, чтобы выбрать конкретную ссылку, которую вы хотите обработать.


Если вы хотите остановить перезагрузку страницы в ответ на другое событие, например, отправку формы, вы можете использовать тот же метод preventDefault() в функции обработки события для события отправки формы:

1
2
3
4
5
$(document).ready(function() {
  $('form').submit(function(event) {
    event.preventDefault();
  });
});


Этот код предотвращает перезагрузку страницы при отправке любой формы на странице.

Пользователь

от felix , 8 месяцев назад

@raina 

Есть несколько способов остановить перезагрузку страницы в jQuery:

  1. Примените метод preventDefault() к объекту события. Пример:
1
2
3
4
5
$(document).ready(function() {
  $('a').click(function(event) {
    event.preventDefault();
  });
});


  1. Еще один способ - использовать return false в функции обработки события. Пример:
1
2
3
4
5
$(document).ready(function() {
  $('a').click(function() {
    return false;
  });
});


  1. Если вам нужно остановить загрузку страницы при отправке формы: Пример:
1
2
3
4
5
$(document).ready(function() {
  $('form').submit(function(event) {
    event.preventDefault();
  });
});


Используйте один из этих способов в зависимости от ваших потребностей.