AJAX, JavaScript, JSON - Hämta data formulär

Trädvy Permalänk
Medlem
Plats
Sverige
Registrerad
Apr 2013

AJAX, JavaScript, JSON - Hämta data formulär

Tjena.

Har ett javascriptformulär på en wordpress-sida, där jag vill följande;

När användaren skrivit i alla uppgifter och klickar på SUBMIT - ska datan hämtas och läggas i ett likadant WP-formulär (Gravity forms) med hjälp av Ajax/json. Därifrån kommer sedan datan skickas som vanligt.

Behöver lite hjälp där emellan med när datan ska hämtas och läggas in i nytt formulär. Har kommit såhär långt men fattar inget längre;

Denna php-filen ligger i themes/temats namn/includes:

<?php add_action( 'wp_ajax_my_action', 'my_action_callback' ); add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' ); function my_action_callback() { // Skapa inlägget i Gravity Forms wp_send_json( $response ); // Skickar svar till javascriptet i json-format exit; }

Denna filen inkluderas i functions.php

Vet även att jag ska skriva något i (men inte vad) submit_form = function () {

}

Är helt ny på detta och försöker mig på att lära mig...

| i7 6700K | R9 390 8GB | Supernova G2 1000W | 16GB 2133MHz DDR4 | ASUS Z170-A | OCZ ARC 100 480GB | NZXT S340 | ASUS VG248QE | Apple Cinema Display | Sennheiser G4ME Zero | ATH-M50 | Sony h.ear on 2 Mini | Razer DeathAdder Chroma | Xtrfy XG1-R LED | Lenovo T430 | Asus 5755G | HP EB 840 | MacBook Pro 2015 | Sony Xperia XZ1 | OnePlus 2 | iPad 2 |

Trädvy Permalänk
Medlem
Plats
Linköping
Registrerad
Mar 2010

Någon speciell anledning till att du har två olika formulär?
Känns onödigt krångligt.
Har inte jobbat något med Gravity Forms men det känns som du måste gräva ner dig i koden till pluginet och se om du kan trigga en postback och skicka in dina värden därigenom på något sätt.

Trädvy Permalänk
Medlem
Plats
Sverige
Registrerad
Apr 2013
Skrivet av Magnetize:

Någon speciell anledning till att du har två olika formulär?
Känns onödigt krångligt.
Har inte jobbat något med Gravity Forms men det känns som du måste gräva ner dig i koden till pluginet och se om du kan trigga en postback och skicka in dina värden därigenom på något sätt.

Har undrat detsamma... Det är så här att jag sitter på praktik och det är så min handledare säger att det ska vara. Jag är typ helt ny på allt gällande back-end så detta göra att jag bar vill gräva ner mig själv. Men har du någon gissning på hur jag kan fortsätta på det jag redan skrivit för att iallafall klara av den biten?

| i7 6700K | R9 390 8GB | Supernova G2 1000W | 16GB 2133MHz DDR4 | ASUS Z170-A | OCZ ARC 100 480GB | NZXT S340 | ASUS VG248QE | Apple Cinema Display | Sennheiser G4ME Zero | ATH-M50 | Sony h.ear on 2 Mini | Razer DeathAdder Chroma | Xtrfy XG1-R LED | Lenovo T430 | Asus 5755G | HP EB 840 | MacBook Pro 2015 | Sony Xperia XZ1 | OnePlus 2 | iPad 2 |

Trädvy Permalänk
Medlem
Plats
Landskrona
Registrerad
Nov 2008

Gravity Forms kan ju det mesta, det finns stöd för Ajax för att slippa att ladda om sidan vid submit. Varför strular ni till det?

Trädvy Permalänk
Medlem
Plats
Linköping
Registrerad
Mar 2010

@Ethics: Ah okej.
Jag anser att om det inte finns någon utomordentligt bra anledning till att ni måste ha två olika formulär så borde ni ändra och använda Gravity Forms endast.
Men eftersom jag inte har bakgrunden så kanske jag missar något.

Jag har inte arbetat just med Gravity Forms själv tyvärr, så jag kan inte ge några tips, men om du säger att du är helt ny på detta så känns det som en väldigt svår uppgift att börja med om du frågar mig.
Har inte möjlighet att gräva något åt dig för tillfället, då jag sitter lite full med jobb själv.

Edit: För att trigga dina Ajax-actions måste du köra ett Ajax-anrop i stil med detta via javascript.

jQuery.ajax({ type: "POST", //dataType: 'text', url: URL TO ADMIN-AJAX, data: { action: 'my_action', data: //DATA HERE, }, success: function( response , status, xhttp ) { console.log(response); } });

Kod