javascript ajax post

jquery ajax post example

var formData = {name:"John", surname:"Doe", age:"31"}; //Array 

$.ajax({
    url : "https://example.com/rest/getData", // Url of backend (can be python, php, etc..)
    type: "POST", // data type (can be get, post, put, delete)
    data : formData, // data in json format
  	async : false, // enable or disable async (optional, but suggested as false if you need to populate data afterwards)
    success: function(response, textStatus, jqXHR) {
    	console.log(response);
    },
    error: function (jqXHR, textStatus, errorThrown) {
		console.log(jqXHR);
      	console.log(textStatus);
      	console.log(errorThrown);
    }
});

Posted by: Guest on March-10-2020

fetch('https://example.com/profile', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ 'foo': 'bar' }), }) .then((res) => res.json()) .then((data) => { // Do some stuff ... }) .catch((err) => console.log(err));

$.ajax({ url : 'more_com.php', //PHP file to execute type : 'GET', //method used POST or GET data : {variable1 : "some data"}, // Parameters passed to the PHP file success : function(result){ // Has to be there ! }, error : function(result, statut, error){ // Handle errors } }); // NOTE : Parameters will be available either through $_GET or $_POST according // to the method you choosed to use. // Here you will get your variable "variable1" this way : $_GET['variable1']

let data = {element: "barium"}; fetch("/post/data/here", { method: "POST", body: JSON.stringify(data) }).then(res => { console.log("Request complete! response:", res); }); // If you are as lazy as me (or just prefer a shortcut/helper): window.post = function(url, data) { return fetch(url, {method: "POST", body: JSON.stringify(data)}); } // ... post("post/data/here", {element: "osmium"});

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

<!DOCTYPE html> <html> <body> <h1>The XMLHttpRequest Object</h1> <p id="demo">Let AJAX change this text.</p> <button type="button" onclick="loadDoc()">Change Content</button> <script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.open("GET", "ajax_info.txt", false); xhttp.send(); document.getElementById("demo").innerHTML = xhttp.responseText; } </script> </body> </html>

Answers for "javascript ajax post"

Code answers related to "javascript ajax post"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us