/Javascript/jQuery/Post data from api using jquery ajax

Post data from api using jquery ajax

Ajax data post call in javascript

$.ajax({
   url: 'ajaxfile.php',
   type: 'post',
   data: {name:'yogesh',salary: 35000,email: 'yogesh@makitweb.com'},
   success: function(response){

   }
});

Source: makitweb.com

Javascript send post data with ajax

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);
});

Post data from api using jquery ajax

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"); });

Source: stackoverflow.com

Similar codes

0 vote137 views1 answer
Jquery onclick multiple buttons
Javascript jQuery
19 votes118 views4 answers
Get select option selected text jquery
Javascript jQuery
0 vote125 views1 answer
Space in string using if in jquery
Javascript jQuery
63 votes188 views6 answers
Jquery addclass
Javascript jQuery
0 vote121 views1 answer
Jquery scroll into view
Javascript jQuery
1 vote115 views1 answer
An unhandled exception occurred: Script file ../node_modules/jquery/dist/jquery.min.js does not exist.
Javascript jQuery
0 vote69 views1 answer
Jquery html submit form to new tab
Javascript jQuery
0 vote252 views2 answers
How to make required field in jquery false
Javascript jQuery
0 vote114 views2 answers
Jquery array merge
Javascript jQuery
12 votes108 views2 answers
Call a function on load jquery
Javascript jQuery