post в jquery : Отправить, получить данные, с примерами
"post в jquery", как работает, с примером!
- Форма для отправки "post в jquery"
- Скрипт + "post в jquery"
- Php файл для "post в jquery"
- Скачать можно здесь Живой пример "post в jquery"
Форма для отправки "post в jquery"
Для отправки "post в jquery" нам понадобится форма без form.Которая будет состоять из 4 полей:
Поле для числа 1.
Поле для числа 2.
Поле для числа отправить "post в jquery".
Поле(div) для числа возвращенного результата.
Форма в сборе для "post в jquery"
<input type = "number" placeholder = "число 2" id = "number2">
<button id="send">Сложить</button>
<div id="rezult">здесь "Ответ из php обработчика"</div>
Файлов будет два:
"index.html" - где будет форма со скриптом.
"jquery_post.php" - php обработчик отправленных значение и вывод с помощью echo
Скрипт + "post в jquery"
Разберем скрипт отправки данных с помощью "post в jquery":Естественно, что самым первым шагом нам нужно подключить jquery.
Запускаем скрипт после полной загрузки страницы: аналог window_onload
Нажимаем на кнопку отправить с помощью click
Два числа получаем из полей:
var number2 = $('#number2').val();
+ просто для удобства отдельную переменную под php файл:
Отправляем с помощью "post в jquery" на страницу php два полученных числа:
Запускаем произвольную функцию. В аргументе функции будет возвращенный результат из php файла:
И вернем полученный результат в 4 поле:
Всё просто...
смайлы
Соберем весь скрипт "post в jquery" вместе:
<script>
$( document ).ready(function(){
$( '#send' ).click(function(){
var number1 = $('#number1').val();
var number2 = $('#number2').val();
var url_post = 'jquery_post.php';
$.post( url_post, { number1 , number2 },
function( data ) {
$( '#rezult' ).html(data);
}
);
});
});
</script>
Php файл для "post в jquery"
Ну а в php файле для "post в jquery" вообще всё просто:Получаем данные из двух ячеек массива post
Если две переменные существую - складываем.
Иначе выводим -"ошибку".
$number1 = strip_tags (trim($_POST['number1']));
$number2 = strip_tags (trim($_POST['number2']));
if($number1 and $number2){ echo '<div class="border">результат сложения: '. ($number1+$number2); }
else{echo '<red>Что-то пошло не так...</red>';}
Живой пример работы "post в jquery"
И собственно живой пример, который можно протестировать:
Живой примерjquery post
jquery post запрос
jquery post php
jquery post data
jquery post примеры
jquery post form
post jquery js
jquery отправить post
jquery отправка post
jquery send post
ajax jquery post примеры
jquery post формы
jquery post данные
jquery post error
jquery ajax post php
jquery post fail
jquery http post

подробнее.
подробнее.