Koľkokrát ste mali, ktorá nadobudla nesprávne údaje, podľa ktorých strana perezavantazhuvalasya a úplne eliminuje zavedené v oblasti postáv. Na vyriešenie tohto problému existuje veľmi populárny prístup k vytváraniu používateľského rozhrania a jeho názov je ajax. Nachádza sa v mnohých projektoch a používa sa mnohými spôsobmi.
Odoslanie formulára ajax: pripojenie knižníc
& Lt; script type = "text /javascript" src = "//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
Existuje aj iný spôsob, ako zahrnúť jquery do dokumentu. Musieť stiahnuť knižnicu z oficiálnych stránok jQuery, vložte ho do zložky a vložiť odkaz na neho takto:
<- fb_336x280_mid ->
& lt; script & gt; (adsbygoogle = window.adsbygoogle || []) stlačte ({});
zapojenie a konfiguračné dokumenty
1. Vytvorenie zložky s formátom dokumentu miesto. php s ľubovoľným názvom pre vás - to bude odosielať ajax php formulár. V ňom môžete napísať, v akom formáte sa zobrazí text so správou. Napríklad form1.php.
2. V priečinku súborov javascript vytvorte súbor .js s akýmkoľvek vhodným názvom. Napríklad form.js
3. Pripojte tento priečinok k dokumentu.
& lt; script type = "text /javascript" src = "/js /form.js" & gt;
, 4. Vytvoriť formulár s nasledujúcimi parametrami:
V tomto prípade nezabudnite vytvoriť polia na zadávanie údajov.
1. form.js generované súbory musia písať kód, ktorý je zodpovedný za to, že súbor fungovalo, keď je plne naložený stránku.
$ (document) .ready (function () {
//Tu je náš ďalší kód
});
2. Potom musíte vybrať tlačidlo Odoslať. Urobte to všetko v tom istom súbore.
, $ ("forma") Vloženie (funkcia (event) {
event.preventDefault ()
//tu sa zapíše nasledujúci kód
}).
Prvá časť kódu zodpovedné za výberom položky na stránke, a druhý - tým, že bráni predvolenú akciu.
3. Potom napríklad pošlite formulár ajax s úspešným odoslaním údajov.
$ .ajax ({
typ: $ (to) .attr ('spôsob'),
, url: $ (to) .attr ('akčné'), (80 ) údaje: nové FormData (to),
contentType: falošný,
, vyrovnávacia pamäť: falošný,
processdata: falošný,
úspech: funkcia (výsledok) {
výstrahy (výsledok) ;
}
);
Dole je každé nastavenie podrobne preskúmané.
- typ - typ žiadosti, ktorá je zaslaná písomne; pretože je POST, typ žiadosti bude vhodný;
- - výber prvku vo vnútri dizajnu;
- attr - skrátené zpríťažlivosť, tj určitý parameter zvoleného cieľa (formulára);
- url - parameter zodpovedný za to, ktorá bude odoslaná žiadosť; v tomto prípade - čo je napísané v parametroch formulára (form1.php);
- údaje - špecifikuje údaje o formulári;
- contentType - zodpovedný za odosielanie hlavičiek na server; v tomto prípade sa to nevyžaduje;
- vyrovnávacej pamäte - cache je zodpovedný za udržiavanie používateľa;
- processData - zodpovedný za konverziu údajov na reťazec;
- úspech - zobrazuje výsledok úspešného odoslania údajov; takže ak bolo odoslanie dát úspešné, funkcie funkcie sa vykonajú.
4. Dokončiť, teraz keď posielate ajax formuláre, dostanete dáta bez aktualizácie stránky.