СКРИПТЫ
ТЕГИ:
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-запрос через JavaScript

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

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

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

  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


    Сумма равна:

Можете не благодарить, лучше помогите!
Название скрипта :Отправить POST-запрос через JavaScript
Ссылка на скачивание : Все скрипты на одной странице
Теги :
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
Еще никто не прокомментировал! 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.024118 секунд. Подробнее