Отправить форму с POST методом с AJAX и JQuery

В предыдущей статье мы видели, как отправить форму с AJAX для отправки почты с ASP и PHP, с помощью простой библиотеки JavaScript используется для примеров руководство по AJAX cross-harmony.com, а также многое другое.

Библиотека идет речь, очень быстрый и легкий, он использует метод GET для передачи данных, но при отправке формы в случае использования метода POST простой причине: строки запроса (параметров, передаваемых в URL через GET метод) имеют предел в 255 символов, включая пробелы, в то время POST метод не страдают от этого ограничения.

Для того чтобы вернуть очень удобная библиотека JQuery , которая имеет очень комфортно работать с функциями AJAX.

Возьмем простой пример отправки данных в POST с AJAX, либо путем получения их с помощью PHP ASP, в то время как серверный скрипт будет просто печатать на экране данные, передаваемые: читателю задачу управления им в соответствии с вашими потребностями.

Первый вспомнить заголовок библиотеки jquery.js нашей веб-странице:

 



 <script type="text/javascript" src="jquery.js"> </ SCRIPT>

 

Мы строим HTML-формы:

 <form name="modulo">



    



 <p> Имя </ P>



    



 <p> <input type="text" name="nome" id="nome=> </ P>



    



 <p> Фамилия </ P>



    



 <p> <input type="text" name="cognome" id="cognome"> </ P>



    



 <input type="button" id="bottone" value="Invia dati">







 </ FORM>









 <div id="risultato"> </ P>

Простая форма, которая содержит два поля, кнопки и трафаретной печатью слой, на котором результат операции.

Проанализируем теперь код JavaScript:

 <script type="text/javascript">







 $ (Документ). Ready (функция () {



  



 $ ("# Кнопка"). Нажмите кнопку (функция () {



    



 уаг имя = $ ("# имя") VAL ().



    



 уаг имя = $ ("# имя") VAL ().



    



 $. Ajax ({



      



 типа: "POST",



      



 адрес: "dati.ext"



      





      



 Тип данных: "HTML",



      



 Успех: функция (MSG)



      



 {



        



 . $ ("# Результат") сайтов (MSG);



      



 },



      



 Ошибка: функция ()



      



 {



        



 оповещение ("Вызов не удалось, попробуйте еще раз ...");



      



 }



    



 });



  



 });







 });







 </ Script>

Мы взыскать в методе Ajax, характеристики передачи: Метод (POST), адрес сервера будет обрабатывать данные (*), затем указать, что возвращаемое значение будет в формате HTML и, наконец, печать на видео сообщение с подтверждением или любая ошибка в вызове.

Обратите внимание, что Jquery также интересные ссылки на ручку Ajax звонки с POST-метод:

 <script type="text/javascript">







 $ (Документ). Ready (функция () {



  



 $ ("# Кнопка"). Нажмите кнопку (функция () {



    



 уаг имя = $ ("# имя") VAL ().



    



 уаг имя = $ ("# имя") VAL ().



    



 $ Post ("dati.ext", {имя: имя, фамилия: фамилия}.., Функция (MSG) {$ ("# результат») сайтов (MSG );});

В методе сообщение () мы прошли, в порядке, адрес серверного сценария, который будет получать и обрабатывать запрос, данные, полученные от формы и функции обратного вызова, которые будут печатать выход.

• <<
• 1
• 2
• >>