ajax post call
<script>window.onload = function(){ let aData = {"profile": "developer", "to": "rashid.jorve@live.in"}; console.log(FormData); $.ajax({ type: "POST", url: "/api/saveProfile", data: JSON.stringify(aData), contentType: "application/json", success: function(){ alert("Request was successful"); } }); };
make ajax request post jquery
$.ajax({ method: "POST", url: "some.php", data: { name: "John", location: "Boston" } })
Source: api.jquery.com
ajax post
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"); });
send ajax post request jquery
// Variable to hold request var request; // Bind to the submit event of our form $("#foo").submit(function(event){ // Prevent default posting of form - put here to work in case of errors event.preventDefault(); // Abort any pending request if (request) { request.abort(); } // setup some local variables var $form = $(this); // Let's select and cache all the fields var $inputs = $form.find("input, select, button, pre"); // Serialize the data in the form var serializedData = $form.serialize(); // Let's disable the inputs for the duration of the Ajax request. // Note: we disable elements AFTER the form data has been serialized. // Disabled form elements will not be serialized. $inputs.prop("disabled", true); // Fire off the request to /form.php request = $.ajax({ url: "/form.php", type: "post", data: serializedData }); // Callback handler that will be called on success request.done(function (response, textStatus, jqXHR){ // Log a message to the console console.log("Hooray, it worked!"); }); // Callback handler that will be called on failure request.fail(function (jqXHR, textStatus, errorThrown){ // Log the error to the console console.error( "The following error occurred: "+ textStatus, errorThrown ); }); // Callback handler that will be called regardless // if the request failed or succeeded request.always(function () { // Reenable the inputs $inputs.prop("disabled", false); }); });
Source: stackoverflow.com