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

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

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

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

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

  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"

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

    Живой пример

Можете не благодарить, лучше помогите!
Название скрипта :Использование jQuery функции $.post()
Ссылка на скачивание : Все скрипты на одной странице
Теги :
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
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb Немного о ruweb.net!
Страница загружена за : 0.018681 секунд. Подробнее