Поднети формулар са ПОСТ метод са АЈАКС и јКуери

У претходном чланку смо видели како послати формулар са АЈАКС-да шаљете пошту са АСП или ПХП, коришћењем једноставног ЈаваСцрипт библиотека за примере водич за АЈАКС Мр.Вебмастер, као и многе друге ствари.

Библиотека у питању, веома брзо и лак, користи ГЕТ метод за слање података, али када шаљете образац у случају коришћења ПОСТ метод за једноставног разлога: Куеристринг (параметре који су прошли у УРЛ- преко ГЕТ метода) имају лимит од 255 карактера, укључујући размаке, док ПОСТ метод не пати од овог ограничења.

Како би се вратили веома удобно библиотеке јКуери , која има веома удобна за рад са АЈАКС функција.

Хајде да једноставан пример слања података у пост са АЈАКС-ом, или их преузима преко ПХП-АСП, док је сервер-сиде скрипта ће једноставно штампање података екрана послао: да читалац задатак на управљање у складу са вашим потребама.

Прво подсетимо заглавље библиотеке јкуери.јс наше веб странице:

 



 <сцрипт типе="тект/јавасцрипт" срц="јкуери.јс"> </ сцрипт>

 

Градимо ХТМЛ форму:

 <форм наме="модуло">



    



 <п> Име </ п>



    



 <п> <инпут типе="тект" наме="номе" ид="номе=> </ п>



    



 <п> Презиме </ п>



    



 <п> <инпут типе="тект" наме="цогноме" ид="цогноме"> </ п>



    



 <инпут типе="буттон" ид="боттоне" валуе="Инвиа дати">







 </ Образац>









 <див ид="рисултато"> </ див>

Једноставан образац који садржи два поља, дугме и екран штампани слој на који резултат операције.

Хајде сада анализирати ЈаваСцрипт код:

 <сцрипт типе="тект/јавасцрипт">







 $ (Документ) Реади (фунцтион (). {



  



 $ ("# Дугме"). Кликните на (фунцтион () {



    



 вар име = $ ("# име") Вал ().;



    



 вар име = $ ("# име") Вал ().;



    



 $. Ајакс ({



      



 тип: "пост",



      



 УРЛ: "дати.ект"



      



 дататипе: "ХТМЛ",



      



 успех: функција (МСГ)



      



 {



        



 . $ ("# Резултат") ХТМЛ (МСГ);



      



 },



      



 Грешка: функција ()



      



 {



        



 алерт ("Позив није успела, молимо покушајте поново ...");



      



 }



    



 });



  



 });







 });







 </ Сцрипт>

Смо се опорави, преко Ајак метод, карактеристикама преноса: да ли ће метод (ПОСТ), УРЛ адресу сервера стране ручице података (*), затим одредите да ће вратити вредност бити у ХТМЛ формату и коначно штампање на видео потврда поруке или било која грешка у позиву.

Имајте на уму да јКуери такође има занимљив пречица за руковање Ајакс позива са ПОСТ метод:

 <сцрипт типе="тект/јавасцрипт">







 $ (Документ) Реади (фунцтион (). {



  



 $ ("# Дугме"). Кликните на (фунцтион () {



    



 вар име = $ ("# име") Вал ().;



    



 вар име = $ ("# име") Вал ().;



    



 $ Порука ("дати.ект", {име: име, презиме: презиме..}, Функција (МСГ) {$ ("# резултат") ХТМЛ (МСГ );});

На порука () методу коју смо прошли, да би, УРЛ страни сервера скрипта да ће добити и процес захтева, података преузетих из обрасца и цаллбацк функције која ће одштампати излаз.

• <<
• 1
• 2
• >>