Как передать параметры с jQuery в PHP – функция .get()
Сегодня в уроке я Вам разкажу как взаимодействует библиотека JavaScript – Jquery c PHP.
Начало дружбы PHP и клиентской части веб-приложения положила API XMLHttpRequest, которая прекрасно справляется с обменом данных браузера и веб-сервера по протоколу HTTP. С его помощью можно осуществлять запросы без перезагрузки страницы.
Сейчас когда есть библиотека jQuery, этот процес займет у Вас намного меньше сил и времени. Его построение не вызовет особых сложностей использования AJAX или JavaScript. Нужно просто знать функцию jQuery .get (), которая делает GET запрос к файлу на сервере и возвращает результат выполнения даного запроса без перезагрузки страницы, т.е. в режиме “он-лайн”. Давайте детальней рассмотрим данную функцию.
Функция jQuery .get() имеет следующие параметры:
get(путь к файлу, передаваемые параметры, функция результата)
Рассмотрим в деталях первый параметр функции .get() – это строковое значение, которое содержит путь к файлу на сервере, обычно это файл PHP, который исполняется на сервере.
Пример использования:
//JavaScript
$.get('jquery.php');
//JavaScript
Следующий необязательный параметр функции jQuery .get() содержит параметры, котрые передаются к файлу PHP или к другому файлу на сервере.
Пример функции с передачей параметров:
//JavaScript
$.get( 'jquery.php', { one: 'one', php: 'php', jquery: 'jquery' });
//JavaScript
В даном случае файлу jquery.php передаются переменные one , php, jquery с значениями one , php, jquery соотвественно.
И последний необязательный параметр – это функция-обработчик ответа от файла на сервере.
Пример функции jQuery .get со всема параметрами:
$.get( 'jquery.php', { one: 'one', php: 'php', jquery: 'jquery' }, function (data) {
alert(data);
});
В этом примере jQuery передает файлу jquery.php три переменные запросом GET и возвращаемый результат от файла выводится в сообщении с помощью функции alert().
На последок приведу пример файла jquery.php:
<? echo 'Первая переменная: '.$_GET[one].'; Вторая: '.$_GET[php].'; 3-я: '.$_GET[jquery]; ?>
Используйте очень полезную функцию .get() библиотеки jQuery вместе с PHP и Ваш сайт будет еще более динамичней и практичней!
На этот все, до новых уроков по PHP и jQuery.
мaлышyля said,
Wrote on августа 19, 2009 @ 2:24
Ага Хорошую информацию трудно добыть. (А сделать с ней что-нибудь – ещё труднее)
Фирс Юрий said,
Wrote on августа 19, 2009 @ 9:06
Это точно! Но я буду стараться важную информацию и уроки выкладывать для Вас!
Бaбyшкa said,
Wrote on августа 22, 2009 @ 0:47
Прикольно! Хотелось бы побольше таких же заниматльных сообщений
Иван said,
Wrote on ноября 23, 2009 @ 15:56
Ну это Вы скажем просто перепечатали стандартную документацию. А вот скажите, как передать параметры с jQuery в PHP из формы например. Имеется форма с чем то таким:
есть функция
function feedback(){
…
jQuery(“#feedback”).load(“feedback.php”, params);
}
В которой params это данные из формы, которые надо передать в feedback.php, а она вернет ответ, которы заменит форму.
Так вот как передать эти параметры feedback.php?
Фирс Юрий said,
Wrote on ноября 23, 2009 @ 16:02
Прописывай вот так например:
var model = $(‘#model’).val();
var age = $(‘#age’).val();
$.get( ‘jquery.php’, { model: model, age: age }, function (data) {
alert(data);
});
Где model и age это id нужных елементов формы!
Иван said,
Wrote on ноября 23, 2009 @ 18:29
Спасибо большое. Туплю. Такого уже нагородил.
Фирс Юрий said,
Wrote on ноября 23, 2009 @ 19:47
Пожалуйста)
Максим said,
Wrote on ноября 28, 2009 @ 21:15
Спасибо за доступную статью и комментарии к примерам, благодаря сумел разобраться с некоторыми тонкостями применения ajax-запросов.
p.s. Что то информация на блоге долго не обновляется.
Petrik said,
Wrote on марта 7, 2010 @ 13:55
Спс !
В ГАЕ .RU said,
Wrote on марта 29, 2010 @ 13:41
Теперь осталось описать отправку методом POST