MaxInterview - javascript send post

showing results for - "javascript send post"

28 Jan 2021

1let data = {element: "barium"};
2
3fetch("/post/data/here", {
4  method: "POST", 
5  body: JSON.stringify(data)
6}).then(res => {
7  console.log("Request complete! response:", res);
8});
9
10
11// If you are as lazy as me (or just prefer a shortcut/helper):
12
13window.post = function(url, data) {
14  return fetch(url, {method: "POST", body: JSON.stringify(data)});
15}
16
17// ...
18
19post("post/data/here", {element: "osmium"});
20

source

Michaela

23 Jan 2018

1var xhr = new XMLHttpRequest();
2xhr.open("POST", yourUrl, true);
3xhr.setRequestHeader('Content-Type', 'application/json');
4xhr.send(JSON.stringify({
5    value: value
6}));

source

Jedediah

01 May 2018

1function httpGetAsync(url, callback) {
2  var xmlHttp = new XMLHttpRequest();
3  xmlHttp.onreadystatechange = function() { 
4    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
5      callback(xmlHttp.responseText);
6  }
7  xmlHttp.open("GET", url, true); // true for asynchronous 
8  xmlHttp.send(null);
9}

Héloïse

03 Sep 2017

1const postData = async ( url = '', data = {})=>{
2    console.log(data);
3      const response = await fetch(url, {
4      method: 'POST', 
5      credentials: 'same-origin',
6      headers: {
7          'Content-Type': 'application/json',
8      },
9     // Body data type must match "Content-Type" header        
10      body: JSON.stringify(data), 
11    });
12
13      try {
14        const newData = await response.json();
15        console.log(newData);
16        return newData;
17      }catch(error) {
18      console.log("error", error);
19      }
20  }
21

Angela

30 Jan 2020

1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <link rel="stylesheet" href="assets/style.css">
8    <!-- <script src="assets/javascript.js"></script> -->
9    <title>Telegramga habar jo`natish</title>
10  </head>
11  <body>
12    <div class="contaakb">
13      <h2>Telegramga habar yozish</h2>
14      <p>Guruhlarga habar yozish uchun qilingan modul</p>
15    </div>
16    <div class="container">
17      <form action="?" method="post">
18        <div class="row">
19          <div class="col-25">
20            <label for="fname">Guruh nomi</label>
21          </div>
22          <div class="col-75">
23            <input type="text" id="group" name="group" placeholder="Telegram guruhning nomini yozing" value="" autofocus>
24          </div>
25        </div>
26        <div class="row">
27          <div class="col-25">
28            <label for="country">Guruh (ixtiyoriy)</label>
29          </div>
30          <div class="col-75">
31            <select id="select" name="select" onchange="getComboA(this)">
32              <option selected value="tanlang">Tanlang</option>
33              <option value="ITspeciallessons2">Qobiljon</option>
34              <option value="ITspeciallessons1">Azizbek</option>
35              <option value="taxiuchqorgontoshkent">Uchqorgon Toshkent TAXI</option>
36              <option value="clashuzhackersw">ClashUzHackerSW</option>
37              <option value="nodirjonbotirov">Nodirjon ISh</option>
38            </select>
39          </div>
40        </div>
41        <div class="row">
42          <div class="col-25">
43            <label for="subject">Habar matni</label>
44          </div>
45          <div class="col-75">
46            <textarea id="message" name="message" placeholder="Habar matnini yozing" style="height:200px" autofocus></textarea>
47          </div>
48        </div>
49        <div class="row">
50          <button type="submit" onclick="loadDoc(event)">
51          Jo'natish
52          </button>
53        </div>
54      </form>
55    </div>
56    <script type="text/javascript">
57      function getComboA(selectObject) {
58          document.getElementById("group").disabled = true;
59          document.getElementById("message").focus();
60          console.log('group disabled');
61      }
62      
63      function loadDoc(event) {
64          document.getElementById("message").disabled = true;
65          document.getElementById("select").disabled = true;
66          document.getElementById("group").disabled = true;
67          
68          var params = 'message='+document.getElementById('message').value+'&select='+document.getElementById('select').value+'&group='+document.getElementById('group').value+'&ajax=yes';
69          var xhttp = new XMLHttpRequest();
70          xhttp.open("POST", "?", true);
71          xhttp.onreadystatechange = function() {
72              if (this.readyState == 4 && this.status == 200) {
73                document.getElementById("demo").innerHTML = this.responseText;
74              }
75            };
76          xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
77          xhttp.onreadystatechange = function() {//Call a function when the state changes.
78                  if(xhttp.readyState == 4 && xhttp.status == 200) {
79                      alert(xhttp.responseText);
80                      document.getElementById("message").disabled = false;
81                      document.getElementById("select").disabled = false;
82                      document.getElementById("group").disabled = false;
83                  }
84              }
85            xhttp.send(params);
86           event.preventDefault();
87      }
88    </script>
89  </body>
90</html>
91

similar questions

how to make post request in javascript for api call js post request javascript https post how to send json in js with post javascript post to php node send post request 24 post javascript post method nodejs request post pass body in post request javascript javascript send post data with ajax node js post method

queries leading to this page