Internet » Pošlete formulář ajax na server pomocí jquery

Pošlete formulář ajax na server pomocí jquery

Internet

Kolikrát jste narazili na nesprávné zadání dat, což způsobilo, že stránka restartovala a zcela odstranila znaky zadané v polích. Chcete-li to opravit, existuje velmi populární přístup k vytváření uživatelského rozhraní a jeho jméno je ajax. To se nachází v mnoha projektech a používá se mnoha způsoby.

Odeslání formuláře ajax: připojení knihoven

Připojte knihovnu jquery do index.php.



& Lt; script type = "text /javascript" src = „//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">

Existuje další způsob, jak zahrnout jquery do dokumentu. Muset stáhnout knihovnu z oficiálních stránek jQuery, vložte jej do složky a vložit odkaz na něj takhle:

& lt; script async = „//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> ;
<- fb_336x280_mid ->

& lt; script & gt; (adsbygoogle = window.adsbygoogle || []) stisknout ({});

zapojení a konfigurační dokumenty

1. Vytvoření složky s formátem dokumentu místo. php s libovolným jménem pro vás - to bude odeslání formuláře ajax php. V něm můžete psát, ve kterém formátu se zobrazí text se zprávou. Například form1.php.

2. Ve složce souborů javascript vytvořte soubor .js s jakýmkoli běžným názvem. Například form.js

3. Připojte tuto složku k dokumentu.

Odeslání formuláře ajax jquery

1. Ve vytvořeném souboru form.js musíte napsat kód, který je zodpovědný za zajištění toho, že soubor běží po úplném načtení stránky.

$ (document) .ready (function () {
 //Zde je náš další kód 
});

2. Pak musíte vybrat tlačítko Odeslat. Udělej to všechno ve stejném souboru.

$ ("formulář") odeslat (function (event) {
 event.preventDefault ();

První část kódu odpovídá za výběr položky na stránce a druhé za zabránění výchozí akce.

3. Například pošlete formulář ajax s úspěšným odesláním dat.

$ .ajax ({
 typ: $ (this) .attr ('method'), ) datum: nový FormData (this),
contentType: false,
cache: false,
processdata: false, 

; 
} 
);

Níže je každé nastavení podrobněji zváženo.

  • - typ požadavku, který je zaslán písemně; protože je POST, bude požadavek na typ žádosti;
  • - výběr prvku uvnitř návrhu;
  • attr - zkráceně zpřitažlivost, tj. určitý parametr zvoleného cíle (formy);
  • url - parametr, který odpovídá za to, kde bude žádost odeslána; v tomto případě - co je napsáno v parametrech formuláře (form1.php);
  • data - určuje data formuláře;
  • contentType - zodpovědný za odesílání záhlaví na server; v tomto případě se to nevyžaduje;
  • cache - odpovídá za ukládání mezipaměti od uživatele;
  • processData - zodpovědný za převod dat na řetězec;
  • úspěch - zobrazuje výsledek úspěšného odeslání dat; takže pokud bylo odeslání dat úspěšné, jsou funkce funkce provedeny.

4. Dokončete, teď když posíláte formuláře ajax, obdržíte data bez aktualizace stránky.


Nepochybně je ajax užitečným nástrojem při vytváření stránek. Pro vytváření kvalitních stránek a rozhraní je to jen nezbytné. Je vhodné vzít na vědomí, že je velmi důležité vědět, jquery pochopit úplný obrázek toho, co je napsáno v kódu, protože prostý copy-pasta nemůže vždy pomoci a naučí vám pochopení kódu. Vždy stojí za to pamatovat, že jazykové verze jsou aktualizovány a některé funkce mohou jednoduše zmizet. Proto ne všechna řešení mohou být skutečná, nejčastěji psaný kód prostě nefunguje nebo nevydává výsledek, který bych chtěl vidět na mé obrazovce.

Související publikace