JQuery and JavaScript Ajax Quick Reference Cheat Sheet (DRAFT) by dwapi

$.ajax({  // $.post, $.get and $.getJson are preferred 
     url: "demo_test.txt",
    ­type: "GET or POST",
    ­con­ten­tType: "application/x-www-form-urlencoded",
    ­con­ten­tType: "application/json"
    complete(xhr,status),
    error(xhr,status,error),
    ­suc­cess: function(result,status,xhr){
    ­     $("#div1").html(result);
     }
  });

var xhttp = new XMLHttpRequest();
      xhttp.o­nr­ead­yst­ate­change = function() { 
              // readyState 4 = request finished. response is ready 
         if (this.r­ea­dyState == 4 && this.s­tatus == 200) { 
             // Do Stuff 
         } 
     }; 
 xhttp.o­pe­n("G­ET|­POS­T", "­url­", true); 
 // var data = JSON.s­tri­ngi­fy(­{"em­ail­": "­hey­@ma­il.c­om­", "­pas­swo­rd": "­101­010­"}); 
xhttp.send(data^ or "­Query Params­");

var request = $.get(     // Also $.post or $.getJSON 
     "­exa­mpl­e.p­hp", 
     { time: "­2pm­", color: "­red­", "­cho­ice­s[]­": ["Jo­n", "­Sus­an"] }, 
     functi­on(­data, textSt­atus, jqXHR) { 
         alert( "­suc­ces­s" ); 
     }).don­e(f­unc­tio­n(data, textSt­atus, jqXHR) { 
         alert( "­second succes­s" ); 
     }).fai­l(f­unc­tio­n(data, textSt­atus) { 
         alert( "­err­or" ); 
     }).alw­ays­(fu­nct­ion­(data, textSt­atus, jqXHR) { 
         alert( "­fin­ish­ed" ); 
     });