INU Login Sign up
Login Or Sign up

Answers for "javascript api post request"

Javascript
35

js fetch 'post' json

//Obj of data to send in future like a dummyDb
const data = { username: 'example' };

//POST request with body equal on data in JSON format
fetch('https://example.com/profile', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then((response) => response.json())
//Then with the data from the response in JSON...
.then((data) => {
  console.log('Success:', data);
})
//Then with the error genereted...
.catch((error) => {
  console.error('Error:', error);
});

//																		Yeah
Posted by: Guest on March-28-2020
0

how to make post request in javascript for api call

const data = {
    'keyone': 'valueone',
    'keytwo': 'valuetwo'
};

$.post(url, data, function(data,status){
	console.log(data);
});
Posted by: Guest on June-30-2021
1

javascript post request

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/style.css">
    <!-- <script src="assets/javascript.js"></script> -->
    <title>Telegramga habar jo`natish</title>
  </head>
  <body>
    <div class="contaakb">
      <h2>Telegramga habar yozish</h2>
      <p>Guruhlarga habar yozish uchun qilingan modul</p>
    </div>
    <div class="container">
      <form action="?" method="post">
        <div class="row">
          <div class="col-25">
            <label for="fname">Guruh nomi</label>
          </div>
          <div class="col-75">
            <input type="text" id="group" name="group" placeholder="Telegram guruhning nomini yozing" value="" autofocus>
          </div>
        </div>
        <div class="row">
          <div class="col-25">
            <label for="country">Guruh (ixtiyoriy)</label>
          </div>
          <div class="col-75">
            <select id="select" name="select" onchange="getComboA(this)">
              <option selected value="tanlang">Tanlang</option>
              <option value="ITspeciallessons2">Qobiljon</option>
              <option value="ITspeciallessons1">Azizbek</option>
              <option value="taxiuchqorgontoshkent">Uchqorgon Toshkent TAXI</option>
              <option value="clashuzhackersw">ClashUzHackerSW</option>
              <option value="nodirjonbotirov">Nodirjon ISh</option>
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-25">
            <label for="subject">Habar matni</label>
          </div>
          <div class="col-75">
            <textarea id="message" name="message" placeholder="Habar matnini yozing" style="height:200px" autofocus></textarea>
          </div>
        </div>
        <div class="row">
          <button type="submit" onclick="loadDoc(event)">
          Jo'natish
          </button>
        </div>
      </form>
    </div>
    <script type="text/javascript">
      function getComboA(selectObject) {
          document.getElementById("group").disabled = true;
          document.getElementById("message").focus();
          console.log('group disabled');
      }
      
      function loadDoc(event) {
          document.getElementById("message").disabled = true;
          document.getElementById("select").disabled = true;
          document.getElementById("group").disabled = true;
          
          var params = 'message='+document.getElementById('message').value+'&select='+document.getElementById('select').value+'&group='+document.getElementById('group').value+'&ajax=yes';
          var xhttp = new XMLHttpRequest();
          xhttp.open("POST", "?", true);
          xhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {
                document.getElementById("demo").innerHTML = this.responseText;
              }
            };
          xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
          xhttp.onreadystatechange = function() {//Call a function when the state changes.
                  if(xhttp.readyState == 4 && xhttp.status == 200) {
                      alert(xhttp.responseText);
                      document.getElementById("message").disabled = false;
                      document.getElementById("select").disabled = false;
                      document.getElementById("group").disabled = false;
                  }
              }
            xhttp.send(params);
           event.preventDefault();
      }
    </script>
  </body>
</html>
Posted by: Guest on July-28-2021

Code answers related to "javascript api post request"

Code answers related to "Javascript"

Browse Popular Code Answers by Language

Python
Javascript
Whatever
Shell/Bash
CSS
Html
PHP
SQL
Java
C#

Popular Programming Languages

Abap ActionScript Assembly BASIC C C# C++ Clojure Cobol CSS Dart Delphi Elixir Erlang F# Fortran Go Groovy Haskell Html Java Javascript Julia Kotlin Lisp Lua Matlab Objective-C Pascal Perl PHP Prolog Python R Ruby Rust Scala Scheme Shell/Bash SQL Swift TypeScript VBA Whatever

Advertisements

290x500

Company

Compilers

Help

Connect with us

footer logo

Copyright © 2021 Codeinu