В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 15-07-2024! ×
Меню :
js post (3)



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

Отправить POST-запрос через JavaScript

javascript post, или как "Отправить POST-запрос через JavaScript". С примерами.

Подробно о "javascript post"

  1. Отправить POST-запрос через JavaScript
  2. Функция post в JavaScript вместе с формой
  3. Пример отправки POST-запроса через JavaScript
  4. Ответ post js
  5. Скачать

См ещё : загрузка файла js.


  1. Отправить POST-запрос через JavaScript

    Мы рассматривали ранее post в php - теперь пришло время разобраться в теме "post в JavaScript", не будем тянуть кота з хвост и приступим!

    Это самый простой пример, как работает "post в JavaScript"

    Что мы будем делать!? Начнем с алгоритма!

    Алгоритм отправки "post в JavaScript"

    Создадим файл php, где будет короткий код:

    <?
    $a = $_POST["a"] ;
    $b = $_POST["b"] ;
    echo $a + $b;

    Здесь на странице создадим форму с полями ввода.

    И здесь же напишем функцию, которая получит данные из формы, отправит их с помощью "post JavaScript".

    Она же получит ответ из файла и выведем результат действия в php файле.

    Функция "post в JavaScript"

    Создадим функцию post :

    function post() {}

    Получаем данные из полей ввода :

    var a = ida .value; // Считываем значение a

    var b = idb .value; // Считываем значение b

    В переменную "data" помещаем, конструкцию похожую на массив(но не массив) ключ = значение.

    var data = "a=" + encodeURIComponent(a) + "&b=" + encodeURIComponent(b);

    Создаём объект xhr:

    var xhr = new XMLHttpRequest();

    Открываем асинхронное соединение :

    xhr.open("POST", "https://dwweb.ru/путь до файла/example_post_js.php" , true);

    Отправляем кодировку :

    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    Отправляем POST-запрос :

    xhr.send(data);

    Далее, не буду каждую строчку расписывать смотрим комментарии:

    xhr.onreadystatechange = function() // Ждём ответа от сервера
    {
      if (xhr.readyState == 4) // возвращает текущее состояние объекта(0-4)
      {
        if(xhr.status == 200) // код 200 (если страница не найдена вернет 404)
        {
          summa.innerHTML = xhr.responseText; // Выводим ответ сервера
        }
      }
    }

    Соберем функцию post в JavaScript в одно целое:


  2. Функция post в JavaScript вместе с формой:

    <script>

    function post()

    {

      var a = ida .value; // Считываем значение a

      var b = idb .value; // Считываем значение b

      var data = "a=" + encodeURIComponent(a) + "&b=" + encodeURIComponent(b);

      var xhr = new XMLHttpRequest();// Создаём объект xhr

      xhr.open("POST", "https://dwweb.ru/путь/example_post_js.php" , true);// Открываем асинхронное соединение

      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");// Отправляем кодировку

      xhr.send(data); // Отправляем POST-запрос

      xhr.onreadystatechange = function() // Ждём ответа от сервера

      {

        if (xhr.readyState == 4) // возвращает текущее состояние объекта(0-4)

        {

          if(xhr.status == 200) // код 200 (если страница не найдена вернет 404)

          {

            summa.innerHTML = xhr.responseText; // Выводим ответ сервера

          }

        }

      }

    }

    </script>

    Простая форма для отправки "post в JavaScript"

    <input type="text" name="a" id="ida"><br>

    <input type="text" name="b" id="idb"><br>

    <input type="button" value="Сумма" onclick="post()">

    <p>Сумма равна: <span id="summa"></span></p>

    Смотри далее Живой пример отправки POST-запроса через JavaScript

  3. Ответ post js

    Один из поисковых запросов - "Ответ post js - что это вообще такое...?

    Дело в том, что в отличии от php post - вернуть и получить простым способом от отправленного "post массива" в javascript не существует.

    Но хотя, кто с этим сталкивался - это не кажется уж таким и сложным!

    Получаем ответ pos запроса javascript

    Если вы помните тот код, который я рассматривал выше...

    после строки "xhr.send(data);"

    Используем "onreadystatechange", для того, чтобы промониторить состояние "readyState"

    xhr.onreadystatechange = function() // Ждём ответа от сервера

    Далее условие на то, что внутри xhr.readyState. Состояние 4 означает, что запрос был отправлен, сервер завершил возврат ответа, а браузер завершил загрузку содержимого ответа - подробнее

    if (xhr.readyState == 4) // возвращает текущее состояние объекта(0-4)

    Теперь "status", если он равен 200, то все хорошо...

    if (xhr.status == 200) {

    Выводим результат или что там вам нужно... Например...

    alert (xhr.responseText);

    Если требуется вывести ошибку, то можно сделать else:

    alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found

    Итого - давайте соберем весь код ответа post js

    xhr.onreadystatechange = function() // Ждём ответа от сервера
    {
      if (xhr.readyState == 4) // возвращает текущее состояние объекта(0-4)
      {
        if(xhr.status == 200) // всё хорошо
        {
          alert (xhr.responseText); // Выводим ответ сервера
        }
        else
        {
          alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
        }
      }
    }


  4. Пример отправки POST-запроса через JavaScript

    Теперь - нам осталось вставить данный код прямо сюда и теперь вы можете проверить, как работает отправка POST-запроса через JavaScript


    Сумма равна:

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

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

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

Теги:
post на чистом js js post запрос javascript post javascript posting javascript post запрос javascript post form javascript post request отправить post javascript отправка post javascript javascript send post xmlhttprequest javascript post javascript отправка post запроса javascript отправить post запрос метод post javascript javascript http post как отправить post запрос javascript пример пост запроса js метод post javascript post js
На сайте сейчас :
Ещё : Игра "пятнашки"
Угадай страну по флагу
+
Как сделать сайт?
md5 онлайн
sitemap.html
dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.018479 секунд. Подробнее