de-vraag
  • Pytania
  • Tagi
  • Użytkownicy
Powiadomienia
Nagrody
Rejestracja
Po zarejestrowaniu się, będziesz otrzymywać powiadomienia o odpowiedziach i komentarzach do swoich pytań.
Zaloguj się
Brak tłumaczeń pasujących do Twojego wyszukiwania Jeśli masz już konto, zaloguj się, aby sprawdzić nowe powiadomienia.
Za dodane pytania, odpowiedzi i komentarze przewidziane są nagrody.
Więcej
Źródło
Edytuj
Nathan H
Nathan H
Question

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?

880 2009-12-25T01:31:48+00:00 3
 abhinav3414
abhinav3414
Edytowane pytanie 30. kwietnia 2018 в 12:46
Programowanie
javascript
forms
jquery
ajax
submit
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.
 Alfrekjv
Alfrekjv
5. sierpnia 2011 в 5:57
2011-08-05T17:57:21+00:00
Więcej
Źródło
Edytuj
#9850638

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
Community
Edytowana odpowiedź 2. marca 2019 в 5:30
1313
0
Solution / Answer
 jspcal
jspcal
25. grudnia 2009 в 1:36
2009-12-25T01:36:52+00:00
Więcej
Źródło
Edytuj
#9850636

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
K DawG
Edytowana odpowiedź 18. marca 2017 в 1:31
780
0
 billw
billw
25. grudnia 2009 в 4:50
2009-12-25T04:50:34+00:00
Więcej
Źródło
Edytuj
#9850637

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
Souad
Edytowana odpowiedź 4. czerwca 2013 в 5:48
-21
0
Dodaj pytanie
Kategorie
Wszystkie
Technologia
Kultura / Rekreacja
Życie / Sztuka
Nauka
Profesjonalny
Biznes
Użytkownicy
Wszystkie
Nowy
Popularny
1
Zuxriddin Muydinov
Zarejestrowany 12 godzin temu
2
Денис Анненский
Zarejestrowany 2 dni temu
3
365
Zarejestrowany 1 tydzień temu
4
True Image
Zarejestrowany 1 tydzień temu
5
archana agarwal
Zarejestrowany 1 tydzień temu
BG
DA
DE
EL
ES
FR
ID
IT
JA
KO
LV
NL
PL
PT
RU
TR
ZH
© de-vraag 2022
Źródło
stackoverflow.com
na podstawie licencji cc by-sa 3.0 z przypisaniem