jQuery AJAX iesniegt formu

Man ir veidlapa ar nosaukumu orderproductForm un nenoteiktu ievades datu skaitu.

Es gribu veikt kādu jQuery.get vai ajax vai ko tamlīdzīgu, kas izsauktu lapu, izmantojot Ajax, un nosūtītu visus veidlapas orderproductForm ievades datus.

Es domāju, ka viens no veidiem būtu darīt kaut ko līdzīgu.

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

Tomēr es precīzi nezinu visas veidlapas ievades. Vai ir kāda funkcija vai kaut kas tāds, kas vienkārši nosūtītu VISUS veidlapas ievades datus?

abhinav3414
Rediģēts jautājums 30pēcpusdienari0t aprīlī 2018 в 12:46
Programmēšana
javascript forms jquery ajax submit
25priekšpusdienari4t decembrī 2009 в 1:31
22 skati

Šī ir vienkārša atsauce:

// 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.
           }
         });

});

Es ceru, ka tas jums palīdzēs.

Community
Rediģēta atbilde 2pēcpusdienari5t martā 2019 в 5:30
Komentāri (20)
Risinājums

Varat izmantot funkcijas ajaxForm/ajaxSubmit no Ajax Form Plugin vai jQuery serialize funkciju.

AjaxForm:

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

vai

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

ajaxForm nosūtīs, kad tiks nospiesta iesniegšanas poga. ajaxSubmit nosūta uzreiz.

Serialize:

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

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

AJAX serializācijas dokumentācija ir šeit.

K DawG
Rediģēta atbilde 18pēcpusdienari5t martā 2017 в 1:31
Komentāri (9)

Ir arī iesniegšanas notikums, ko var aktivizēt šādi $("#form_id").submit(). Šo metodi izmantosiet, ja veidlapa jau ir labi attēlota HTML formātā. Jūs vienkārši nolasītu lapu, aizpildītu veidlapas ievades ar informāciju un pēc tam izsauktu .submit(). Tā izmantos veidlapas deklarācijā definēto metodi un darbību, tāpēc jums nav nepieciešams to kopēt savā javascript.

piemēri

Souad
Rediģēta atbilde 4pēcpusdienari1t jūnijā 2013 в 5:48
Komentāri (3)