Отправить форму AJAX с несколькими событиями

У меня есть форма, и когда нажимается кнопка отправки, она отправляет запрос AJAX. Это работает при нажатии кнопки:

$(#form).submit(function(event) {
  event.preventDefault();
  $.ajax({
    // ...
  })
});

Данные формы передаются по URL-адресу в команде ajax с помощью data.

Есть ли способ отправить эту форму, и та же функция AJAX может запускаться в событии javascript / jQuery изменения раскрывающегося списка? Выпадающее меню имеет такой же вид.

У меня так, что, когда AJAX успешно возвращается, он добавляет HTML для заполнения div с помощью table, поэтому его нужно записать один раз.

javascript jquery ajax forms

29.11.2018 15:22

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

123

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Краткий ответ: «Да». Вы можете вызвать метод "submit" формы откуда угодно. Например:

$("#someDropdown").change(function() { $("#form").submit(); });

Демо:

$(function() {
  $("#someDropdown").change(function() {
    $("#form").submit();
  });

  $("#form").submit(function(event) {
    event.preventDefault();
    console.info($(this).serialize());
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id = "someDropdown">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<hr>
<form id = "form">
  <input type = "text" name = "text1" />
  <button type = "submit">Submit</button>
</form>

Документация: https://api.jquery.com/submit/

Ух ты! это было так просто. Я думал, что пробовал это, но я думаю, что пытался запустить event.preventDefault () внутри .submit () внутри .change (). В этом есть большой смысл. Спасибо за помощь

— 29.11.2018 15:35

@ Райан Нет проблем. Если ответ помог вам, не забудьте пометить его как «принятый» (щелкните галочку рядом с ответом, чтобы он стал зеленым) - спасибо.

— 29.11.2018 15:37

29.11.2018 15:30