В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 15-04-2024! 🞨
Меню :
jquery (42)



Blog (1400)
php (331)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
form html (30)
online (29)
fonts (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
svg (18)
input (18)
hosting (18)
php date (17)
html book (16)
info (16)
board (16)
php time (16)
color (15)
js events (14)
img (14)
js url (14)
js time (14)
notepad (13)
select (13)
знак (13)
osclass (13)
htaccess (13)
download (12)
table (12)
dw block (12)
php path (12)
keyboard (12)
php img (12)
form (11)
jsphp (11)
icon (11)
js delete (10)
yandex (10)
mouse (10)
keyframes (10)
chart (9)
dosite (9)
hover (9)
browser (8)
php post (7)
comment (7)
php url (7)
canvas (6)
click (6)
list (6)
adminka (6)
mysql (6)
vs code (6)
iframe (6)
php get (6)
js id (5)
js math (5)
reg.ru (5)
value (5)
mb (5)
heading (5)
tag a (5)
year (5)
ftp (5)
base64 (4)
day (4)
submit (4)
week (4)
js form (4)
symbols (4)
month (4)
console (4)
vk (4)
pages (4)
scandir (4)
bbcode (4)
php var (4)
ssl (4)
нок (4)
games (4)
task (4)
xml (4)
line (3)
ucoz (3)
domen (3)
https (3)
куб (3)
money (3)
captcha (3)
numbers (3)
js hash (3)
js post (3)
jquery post (3)
js img (3)
padding (3)
qr kod (2)
seo (2)
js vars (2)
prompt (2)
counter (2)
details (2)
height (2)
video (2)
youtube (2)
sitemap (2)
tag hr (2)
typeof (2)
рся (2)
google (2)
arrows (2)
rutube (1)
cursor (1)
нод (1)
archive (1)
scroll (1)
jino (1)
smile (1)
windows (1)
speed (1)

Post в jquery : Отправить, получить данные, с примерами

"jquery post" или "Отправить получить jquery post". Сделаем живой пример с передачей "post" на страницу php. Там мы сложим два числа и вернем результат в скрипт с помощью функции "post в jquery"

"post в jquery", как работает, с примером!

  1. Форма для отправки "post в jquery"
  2. Скрипт + "post в jquery"
  3. Php файл для "post в jquery"
  4. Живой пример "post в jquery"
  5. Скачать

  1. Форма для отправки "post в jquery"

    Для отправки "post в jquery" нам понадобится форма без form.

    Которая будет состоять из 4 полей:

    Поле для числа 1.

    Поле для числа 2.

    Поле для числа отправить "post в jquery".

    Поле(div) для числа возвращенного результата.

    Форма в сборе для "post в jquery"

    <input type = "number" placeholder = "число 1" id="number1">
    <input type = "number" placeholder = "число 2" id = "number2">
    <button id="send">Сложить</button>
    <div id="rezult">здесь "Ответ из php обработчика"</div>

    Сколько всего будет файлов?

    Файлов будет два:

    "index.html" - где будет форма со скриптом.

    "jquery_post.php" - php обработчик отправленных значение и вывод с помощью echo


  2. Скрипт + "post в jquery"

    Разберем скрипт отправки данных с помощью "post в jquery":

    Естественно, что самым первым шагом нам нужно подключить jquery.

    Запускаем скрипт после полной загрузки страницы: аналог window_onload

    $( document ).ready(function(){

    Нажимаем на кнопку отправить с помощью click

    $( "#send" ).click(function(){

    Два числа получаем из полей:

    var number1 = $('#number1').val();

    var number2 = $('#number2').val();

    + просто для удобства отдельную переменную под php файл:

    var url_post = 'jquery_post.php';

    Отправляем с помощью "post в jquery" на страницу php два полученных числа:

    $.post( url_post, { number1 , number2 },

    Запускаем произвольную функцию. В аргументе функции будет возвращенный результат из php файла:

    function( data ) {

    И вернем полученный результат в 4 поле:

    $( "#rezult" ).html(data);

    Всё просто...wall смайлы

    Соберем весь скрипт "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>


  3. 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"

    И собственно живой пример, который можно протестировать:

    Живой пример
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
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
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.020064 секунд. Подробнее