jQuery AJAX submit form

Mam formularz o nazwie orderproductForm i nieokreślonej liczbie wejść.

Chcę zrobić coś w rodzaju jQuery.get lub ajax lub cokolwiek podobnego, co wywołałoby stronę poprzez Ajax, i wysłało wszystkie dane wejściowe z formularza orderproductForm.

Przypuszczam, że jednym ze sposobów byłoby zrobienie czegoś takiego jak

jQuery.get("myurl",
          {action : document.orderproductForm.action.value,
           cartproductid : document.orderproductForm.cartproductid.value,
           productid : document.orderproductForm.productid.value,
           ...

Jednak nie znam dokładnie wszystkich danych wejściowych formularza. Czy istnieje cecha, funkcja lub coś, co po prostu wysłałoby WSZYSTKIE dane wejściowe formularza?

abhinav3414
Edytowane pytanie 30. kwietnia 2018 в 12:46
Programowanie
javascript forms jquery ajax submit
25. grudnia 2009 в 1:31
17 opinie

To jest proste odniesienie:

// this is the id of the form
$("#idForm").submit(function(e) {

    e.preventDefault(); // avoid to execute the actual submit of the form.

    var form = $(this);
    var url = form.attr('action');

    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the php script.
           }
         });

});

Mam nadzieję, że to ci pomoże.

Community
Edytowana odpowiedź 2. marca 2019 в 5:30
Komentarze (20)
Rozwiązanie

Możesz użyć funkcji ajaxForm/ajaxSubmit z Ajax Form Plugin lub funkcji serialize jQuery.

AjaxForm:

$("#theForm").ajaxForm({url: 'server.php', type: 'post'})

lub

$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})

ajaxForm wyśle po naciśnięciu przycisku wysyłania. ajaxSubmit wysyła natychmiast.

Serialize:

$.get('server.php?' + $('#theForm').serialize())

$.post('server.php', $('#theForm').serialize())

Dokumentacja serializacji AJAX znajduje się tutaj.

K DawG
Edytowana odpowiedź 18. marca 2017 в 1:31
Komentarze (9)

Istnieje również zdarzenie submit, które może być wywołane w następujący sposób $("#form_id").submit(). Używałbyś tej metody, jeśli formularz jest już dobrze reprezentowany w HTML. Po prostu wczytaj stronę, wypełnij dane wejściowe formularza rzeczami, a następnie wywołaj .submit(). Użyje ona metody i akcji zdefiniowanej w deklaracji formularza, więc nie musisz jej kopiować do swojego javascriptu.

Przykłady

Souad
Edytowana odpowiedź 4. czerwca 2013 в 5:48
Komentarze (3)