jQuery.post not firing on a form submit

-1

<html> 
<head> 
<SCRIPT TYPE="text/javascript" SRC="/static/js/jquery-1.7.1.min.js"></SCRIPT> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#search-form").submit(function() { 
      var formInput = $("#search-box").val(); 
      $.post("/userq/", {"formInput": formInput}); 
      return true; 
     }); 
    }); 
</script> 
</head> 
<body> 
    <form method="GET" action="/search/" id="search-form"> 
     <input type="text" name="formInput" class="searchbox" id="search-box"> 
     <input type="submit" VALUE="Search" class="submitbutton" id="submit-button"> 
    </form> 
</body> 
</html>

Выше моей страницы html. Когда форма (# search-form) отправлена, я сначала хочу отправить сообщение в url «/ userq», а затем окончательное действие «/ search», которое будет отправлено. Но $ .post для «/ userq» никогда не бывает. Если я использую отладчик javascript и точку останова в $ .post, тогда сообщение срабатывает. Что здесь не так?jQuery.post not firing on a form submit

источник

2013-05-22 Sushant Sinha

Вы подтвердили серверную сторону, что сообщение не происходит? –

Почему бы не изменить метод формы для публикации и действия в нужное место? Я не вижу, что вы делаете что-либо с результатом сообщения ... – Maess

@Maess И это тип людей, которых мне не нравится. Он спрашивает и уходит ... Мы пытаемся помочь людям, но они не дают нам никакой обратной связи. – WooCaSh

Лучшее решение:

$(document).ready(function() { 
    var sended = false; 
     $("#search-form").on('submit', function(e) { 
      e.preventDefault(); 
      var formInput = $("#search-box").val(); 
      $.post("/userq/", {"formInput": formInput}) 
      .done(function(){ 
       if(!sended) 
        $("#search-form").submit(); 
       sended = true; 
      }); 
     }); 
    })

источник

2013-05-22 17:43:00 WooCaSh

Но я хочу, чтобы нормальное действие также выполнялось, т. Е. Отправляя URL-адрес «/ search». –

Значит, вы хотите опубликовать его дважды? Первый раз на '/ search /' и второй ond '/ userq /'? – WooCaSh

Да. Но немного другое ... .первое сообщение в «/ userq», а затем перейти к «/ search». Я думаю, что это вопрос времени. –

Проблема может быть, как вы определили «GET» метод и «МЕР» в форме элемента Попробуйте поставить event.preventDefault();, чтобы остановить форму от представления, как правило, так что он может позвонить jQuery.post().

$(document).ready(function() { 
     $("#search-form").submit(function() { 
      event.preventDefault(); 
      var formInput = $("#search-box").val(); 
      $.post("/userq/", {"formInput": formInput}); 
      return true; 
     }); 
    });

Попробуйте это, а затем проверьте.

источник

2013-05-22 17:46:41

Хорошо .. собираюсь попробовать это и даст вам знать. –

Но это останавливает нормальное действие. Как я могу убедиться, что «/ search» также будет отправлен? –

, если вы хотите выполнить оба действия впоследствии, вы можете вызвать событие формы и jQuery.post() при событии нажатия кнопки. –

Фактически понял, что это невозможно. Сообщение jquery фактически никогда не происходит, потому что форму submit заменяет страницу.

источник

2015-10-16 10:43:26

jQuery.post not firing on a form submit

ответ

Смежные вопросы