Отправить форму, используя jQuery

http://java.sun.com/j2se/1.5.0/docs/api/java/lang/Class.html#getComponentType () :

public Class getComponentType()

Возвращает Class, представляющий тип компонента массива. Если этот класс не представляет класс массива, этот метод возвращает null ...

blockquote>

441
задан SharpC 23 September 2017 в 15:27
поделиться

8 ответов

$( 'form' ).on( 'submit' , () => { // arrow function
    console.log( $( this ) ); // form
} );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.js"></script>

<form>
  <input type="text" value="Hello there">
  <input type="submit" value="Go">
</form>
0
ответ дан 22 November 2019 в 22:57
поделиться

Это зависит от того, отправляете ли вы форму в обычном режиме или через вызов AJAX. Вы можете найти много информации на jquery.com , включая документацию с примерами. Для обычной отправки формы воспользуйтесь методом submit () на этом сайте. Для AJAX существует множество различных возможностей, хотя вы, вероятно, захотите использовать методы ajax () или post () . Обратите внимание, что post () на самом деле просто удобный способ вызвать метод ajax () с упрощенным и ограниченным интерфейсом.

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

Примеры:

Нормальный

$('form#myForm').submit();

AJAX

$('input#submitButton').click( function() {
    $.post( 'some-url', $('form#myForm').serialize(), function(data) {
         // ... do something with response from server
       },
       'json' // I expect a JSON response
    );
});

$('input#submitButton').click( function() {
    $.ajax({
        url: 'some-url',
        type: 'post',
        dataType: 'json',
        data: $('form#myForm').serialize(),
        success: function(data) {
                   // ... do something with the data...
                 }
    });
});

Обратите внимание, что ajax () и post () выше эквивалентны. К запросу ajax () можно добавить дополнительные параметры для обработки ошибок и т. Д.

456
ответ дан 22 November 2019 в 22:57
поделиться

Я также использовал следующее для отправки формы (без фактической отправки) через Ajax:

  jQuery.get("process_form.php"+$("#form_id").serialize(), {}, 
    function() {
      alert("Okay!"); 
    });
-2
ответ дан 22 November 2019 в 22:57
поделиться
$("form:first").submit();

См. events / submit .

12
ответ дан 22 November 2019 в 22:57
поделиться

Из руководства : jQuery Doc

$("form:first").submit();
40
ответ дан 22 November 2019 в 22:57
поделиться

В jQuery я бы предпочел следующее:

$("#form-id").submit()

Но опять же, вам действительно не нужен jQuery для выполнения этой задачи - просто используйте обычный JavaScript:

document.getElementById("form-id").submit()
67
ответ дан 22 November 2019 в 22:57
поделиться

Вам нужно будет использовать $ ("# formId"). Submit () .

Обычно это называется из функции.

Например:

<input type='button' value='Submit form' onClick='submitDetailsForm()' />

<script language="javascript" type="text/javascript">
    function submitDetailsForm() {
       $("#formId").submit();
    }
</script>

Вы можете получить дополнительную информацию об этом на веб-сайте JQuery .

120
ответ дан 22 November 2019 в 22:57
поделиться

Вы также можете использовать плагин формы jquery для отправки с использованием ajax:

http://malsup.com/jquery/form/

8
ответ дан 22 November 2019 в 22:57
поделиться
Другие вопросы по тегам:

Похожие вопросы: