jquery ajax

JavaScript
var formdata = new FormData();
formdata.append("post_name","value");
$.ajax({
  type: "POST",
  url: "file.php",
  data: formdata,
  contentType: false,
  processData: false,
  success: function (response) {
  	console.log(response);
  }
});$.ajax({
  type:"GET/POST",
  url: "target url",
  data: "var1=" + data1,
  success: function(msg){
    $("#targethtml").html(msg)
  },
  error: function(errormsg){
    console.log(errormsg)
  }
});$.ajax({
    url: 'https://example.com/your-page',
    success:function(data){
        //'data' is the value returned.
    },
    error:function(){
        alert('An error was encountered.');
    }
}); $.ajax({

   url     : "file.php",
   method  : "POST",

       data: { 

         //key                      :   value 
         action                   	:   action , 
         key_1   					:   value_key_1,
         key_2   					:   value_key_2
       }
   })

   .fail(function() { return false; })

	// Appel OK
   .done(function(data) {

   console.log(data);

 });    $.ajax({
        url: url,
        dataType: "json",
        type: "Post",
        async: true,
        data: { },
        success: function (data) {
           
        },
        error: function (xhr, exception) {
            var msg = "";
            if (xhr.status === 0) {
                msg = "Not connect.\n Verify Network." + xhr.responseText;
            } else if (xhr.status == 404) {
                msg = "Requested page not found. [404]" + xhr.responseText;
            } else if (xhr.status == 500) {
                msg = "Internal Server Error [500]." +  xhr.responseText;
            } else if (exception === "parsererror") {
                msg = "Requested JSON parse failed.";
            } else if (exception === "timeout") {
                msg = "Time out error." + xhr.responseText;
            } else if (exception === "abort") {
                msg = "Ajax request aborted.";
            } else {
                msg = "Error:" + xhr.status + " " + xhr.responseText;
            }
           
        }
    }); $('#main-menu a').on('click', function(event) {
  event.preventDefault();

  $.ajax(this.href, {
    success: function(data) {
      $('#main').html($(data).find('#main *'));
      $('#notification-bar').text('The page has been successfully loaded');
},
    error: function() {
      $('#notification-bar').text('An error occurred');
    }
  });
});

Source

Also in JavaScript: