Breaking News: Grepper is joining You.com. Read the official announcement!

javascript send post data with ajax

Add Answer

Grepper answered on August 2, 2019 Popularity 10/10 Helpfulness 4/10

answer javascript send post data with ajax

related post data from api using jquery ajax

related javascript ajax post send an object

javascript send post data with ajax

Comment

function makeRequest (method, url, data) {
  return new Promise(function (resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.onload = function () {
      if (this.status >= 200 && this.status < 300) {
        resolve(xhr.response);
      } else {
        reject({
          status: this.status,
          statusText: xhr.statusText
        });
      }
    };
    xhr.onerror = function () {
      reject({
        status: this.status,
        statusText: xhr.statusText
      });
    };
    if(method=="POST" && data){
        xhr.send(data);
    }else{
        xhr.send();
    }
  });
}

//POST example
var data={"person":"john","balance":1.23};
makeRequest('POST', "https://www.codegrepper.com/endpoint.php?param1=yoyoma",data).then(function(data){
              var results=JSON.parse(data);
});

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Aug 02 2019

Grepper

0 Answers Avg Quality 2/10

Closely Related Answers

post data from api using jquery ajax

Comment

var myKeyVals = { A1984 : 1, A9873 : 5, A1674 : 2, A8724 : 1, A3574 : 3, A1165 : 5 }



var saveData = $.ajax({
      type: 'POST',
      url: "someaction.do?action=saveData",
      data: myKeyVals,
      dataType: "text",
      success: function(resultData) { alert("Save Complete") }
});
saveData.error(function() { alert("Something went wrong"); });

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: api

Link to this answer
Share Copy Link

Contributed on Aug 19 2021

Bibhu

0 Answers Avg Quality 2/10

javascript ajax post send an object

Comment

function postAjax(url, data, success) {    var params = typeof data == 'string' ? data : Object.keys(data).map(            function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }        ).join('&');
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");    xhr.open('POST', url);    xhr.onreadystatechange = function() {        if (xhr.readyState>3 && xhr.status==200) { success(xhr.responseText); }    };    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');    xhr.send(params);    return xhr;}
// example requestpostAjax('http://foo.bar/', 'p1=1&p2=Hello+World', function(data){ console.log(data); });
// example request with data objectpostAjax('http://foo.bar/', { p1: 1, p2: 'Hello World' }, function(data){ console.log(data); });

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Dec 05 2019

Australian Spiny Anteater

0 Answers Avg Quality 2/10

javascript send post data with ajax

Contents

More Related Answers

javascript send post data with ajax

Closely Related Answers

post data from api using jquery ajax

javascript ajax post send an object

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.